<polygon>
<polygon>
元素定义了一个封闭的形状,由一组连接的直线段组成。最后一个点连接到第一个点。
对于开放形状,请参阅 <polyline>
元素。
示例
html
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
<!-- Example of a polygon with the default fill -->
<polygon points="0,100 50,25 50,75 100,0" />
<!-- Example of the same polygon shape with stroke and no fill -->
<polygon points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
</svg>
属性
points
-
此属性定义绘制多边形所需的点列表(
x,y
绝对坐标对)。值类型:<number>+ ; 默认值:""
; 可动画:是 pathLength
-
此属性允许指定路径的总长度,以用户单位表示。值类型:<number> ; 默认值:无; 可动画:是
使用环境
规范
规范 |
---|
可缩放矢量图形 (SVG) 2 # PolygonElement |
浏览器兼容性
BCD 表仅在启用 JavaScript 的浏览器中加载。