<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<!-- 多段线 -->
<polyline points="10,80 40,60 70,80 100,20 130,80 160,60 190,80" fill="none" stroke="green" stroke-width="3" />
</svg>
在这个例子中：
- 使用 <svg> 元素定义了SVG图形的画布，设置了宽度（width）和高度（height）。
- 使用 <polyline> 元素定义了一条多段线，通过 points 属性设置了多段线各个点的坐标。
- fill 属性设置为 "none" 表示不填充颜色，stroke 属性设置了多段线的描边颜色为绿色，stroke-width 属性设置了描边的宽度为3。
points 属性中的坐标值以空格分隔，每一对坐标表示多段线的一个顶点。你可以根据需要调整多段线的顶点坐标、描边颜色和宽度。以下是一个包含调整的例子：
<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<!-- 多段线，调整顶点坐标和描边样式 -->
<polyline points="20,50 60,20 100,50 140,20 180,50" fill="none" stroke="blue" stroke-width="2" />
</svg>
在这个例子中，多段线的顶点坐标被调整为 (20,50)、(60,20)、(100,50)、(140,20) 和 (180,50)，描边颜色为蓝色，描边的宽度为2。你可以根据需要调整这些值。SVG多段线同样是非常灵活的，可以通过调整属性来满足各种设计需求。
转载请注明出处：http://www.pingtaimeng.com/article/detail/14673/SVG