SVG 通过 <polyline> 绘制曲线，实质上是将多个直线用不同的方向连接在一起。
属性
| 属性 | 说明 |
|---|---|
points |
定义曲线每个起始点的 x 和 y 坐标，表示坐标的数字个数必须是偶数，并用逗号或者空格分隔 |
fill |
属于 style 属性，图形内部会使用 fill 属性代表的颜色进行填充，如果没有指定 fill 颜色（rgb 值、颜色名或者十六进制值），则会使用黑色填充，也可以指定为 none，即不填充图形内部，保持透明 |
fill-opacity |
属于 style 属性，定义填充颜色透明度（合法的范围是：0 - 1） |
fill-rule |
用于指定使用哪一种短发去判断画布上的某区域是否属于该图形的“内部”（内部区域将被填充），有效值为 nonzero/evenodd/inherit，默认为 nonzero |
stroke |
定义图形边框的颜色 |
stroke-width |
定义图形边框的宽度 |
stroke-opacity |
定义轮廓颜色的透明度（合法的范围是：0 - 1） |
opacity |
定义元素的透明值（合法的范围是：0 - 1） |
示例
<svg width="100px" height="50px" viewBox="0 0 100 50">
<polyline
points="5 20, 20 20, 25 10, 35 30, 45 10,
55 30, 65 10, 75 30, 80 20, 95 20"
style="stroke: black; stroke-width: 3; fill: none;"/>
</svg>
效果如下：
