<polyline>

**<polyline>** SVG 元素是 SVG 基本形状之一,用于创建连接多个点的直线。通常 polyline 用于创建开放形状,因为最后一个点不必连接到第一个点。对于闭合形状,请参见 <polygon> 元素。

示例

html
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- Example of a polyline with the default fill -->
  <polyline points="0,100 50,25 50,75 100,0" />

  <!-- Example of the same polyline shape with stroke and no fill -->
  <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
</svg>

属性

points

此属性定义绘制折线所需的点列表(x,y 绝对坐标对)。值类型<number>+;默认值""可动画

pathLength

此属性允许指定路径的总长度(以用户单位表示)。值类型<number>默认值可动画

使用环境

类别基本形状元素、图形元素、形状元素
允许内容以下元素的任意数量,以任意顺序
动画元素
描述性元素

规范

规范
可缩放矢量图形 (SVG) 2
# PolylineElement

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅