polyline

基线广泛可用 *

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

* 此特性的某些部分的支持程度可能有所不同。

polyline元素是 SVG 的一个基本形状，用来创建一系列直线连接多个点。典型的一个polyline是用来创建一个开放的形状，最后一点不与第一点相连。欲了解闭合形状，请看<polygon> 元素。

本文内容

使用上下文

类别允许的内容

基本形状元素、图形元素、形状元素

任意数量、任意顺序的下列元素：
动画元素
描述性元素

示例

html,
body,
svg {
  height: 100%;
}

html
<svg viewBox="0 0 200 100" xmlns="http://www.w3.org/2000/svg">
  <!-- 具有默认填充的折线示例 -->
  <polyline points="0,100 50,25 50,75 100,0" />

  <!-- 具有描边但无填充的相同的多段线形状示例 -->
  <polyline points="100,100 150,25 150,75 200,0" fill="none" stroke="black" />
</svg>

属性

全局属性

专有属性

points

DOM 接口

该元素实现了 SVGPolylineElement 接口。

浏览器兼容性

启用 JavaScript 以查看此浏览器兼容性表。

参见

帮助改进 MDN

此页面对您有帮助吗？

是否

了解如何参与贡献

此页面最后更新于 2025年3月19日，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题