在SVG中,多边形通过 <polygon> 元素来表示。以下是一个简单的SVG多边形的例子:
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <!-- 多边形 -->
  <polygon points="100,10 150,90 50,90" fill="gold" />
</svg>

在这个例子中:

  •  使用 <svg> 元素定义了SVG图形的画布,设置了宽度(width)和高度(height)。

  •  使用 <polygon> 元素定义了一个多边形,通过 points 属性设置了多边形各个顶点的坐标。

  •  fill 属性设置了多边形的填充颜色为金色(gold)。


points 属性中的坐标值以空格分隔,每一对坐标表示多边形的一个顶点。你可以根据需要调整多边形的顶点坐标和填充颜色。以下是一个包含调整的例子:
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
  <!-- 多边形,调整顶点坐标和填充颜色 -->
  <polygon points="50,20 120,180 180,60" fill="purple" />
</svg>

在这个例子中,多边形的顶点坐标被调整为 (50,20)、(120,180) 和 (180,60),填充颜色为紫色。你可以根据需要调整这些值。SVG多边形是非常灵活的,可以通过调整属性来满足各种设计需求。


转载请注明出处:http://www.pingtaimeng.com/article/detail/14672/SVG