svg 折线

SVG 折线（polyline）是一种在 SVG 图形中使用的基本形状，它由一系列连接的直线段组成，每个直线段由起始点和终止点确定。可以使用 SVG 的 `<polyline>` 元素来创建折线，语法如下：

<svg>
  <polyline points="x1,y1 x2,y2 x3,y3 ..." />
</svg>

其中，`points` 属性指定折线的各个顶点坐标，每个顶点坐标用逗号分隔，多个顶点坐标之间用空格分隔。例如，`points="0,0 50,50 100,0"` 表示一个连接三个点的折线，分别是 `(0, 0)`、`(50, 50)` 和 `(100, 0)`。

除了 `points` 属性，`<polyline>` 元素还支持其他属性，比如 `stroke`、`stroke-width`、`fill` 等，可以用来设置折线的样式和填充。