polyline:画折线标签
points:
属性里定义了各个点的坐标,x
和y
坐标之间用逗号分别,多个坐标之间用空格分割- fill:填充颜色(画折线一般把属性设置为none)
- stroke:边框颜色
- stroke-width:边框宽带
- ill-opacity:透明度
- stroke-opacity:边框的透明度
<svg version="1.1">
<polyline points="120,120 120,80 160,80 160,40 200,40"
style="fill:white;stroke:#68f;stroke-width:2"/>
</svg>
另外一种写法<svg>svg路径
<svg style="fill:white;stroke:#68f;stroke-width:2 version="1.1">
<path d="M120 120 V80 H160 V40 H200" />
</svg>