svg polyline折线的画法_svg如何画折线【svg教程】
如何使用svg画折线，svg使用polyline标签画折线的方法?
polyline标签介绍：
polyline:画折线标签
points：折线组成的坐标点
fill：填充颜色(画折线一般把属性设置为none)
stroke：边框颜色
stroke-width：边框宽带
fill-opacity：透明度
stroke-opacity：边框的透明度
svg画折线的实例代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>svg 折线的画法</title>
</head>
<body>
<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:#1B6AB9;stroke-width:3" />
</svg>
</body>
</html>
polyline画折线的效果图：
来源：//作者：admin/更新时间：2013-12-03
顶
踩
相关文章：
