SVG <polyline>
SVG 多段线 - <polyline>
实例 1
<polyline> 元素是用于创建任何只有直线的形状:
下面是SVG代码:
实例
<
svg
xmlns
=
"
http://www.w3.org/2000/svg
"
version
=
"
1.1
"
>
<
polyline
points
=
"
20,20 40,25 60,40 80,120 120,140 200,180
"
style
=
"
fill:none;stroke:black;stroke-width:3
"
/>
</
svg
>
尝试一下 »
F对于Opera用户: 查看SVG文件 (右键单击SVG图形预览源)。
实例 2
只有直线的另一个例子:
下面是SVG代码:
实例
<
svg
xmlns
=
"
http://www.w3.org/2000/svg
"
version
=
"
1.1
"
>
<
polyline
points
=
"
0,40 40,40 40,80 80,80 80,120 120,120 120,160
"
style
=
"
fill:white;stroke:red;stroke-width:4
"
/>
</
svg
>
尝试一下 »
F对于Opera用户: 查看SVG文件 (右键单击SVG图形预览源)。