在SVG中支持很多中形状的标签还支持滤镜、渐变等效果。能够通过这些内容绘制很多动态的矢量图形，一些监控系统可以利用SVG的特性来实现很多监控画面。
其中SVG支持的形状有矩形、圆形、椭圆、线条、多边形、折线以及路径。
1. 矩形 <rect>
2. 圆形 <circle>
3. 椭圆 <ellipse>
4. 线 <line>
5. 折线 <polyline>
6. 多边形 <polygon>
7. 路径 <path>
主要说一下路径的使用（其它标签的使用可以见w3c帮助手册）：
<path> 标签主要用来定义路径，它通过以下的几个属性来控制路径的定义和效果。
1. M：将画笔移动到点(x,y)
2. L：画笔从当前的点绘制线段到点(x,y)
3. H：画笔从当前的点绘制水平线段到点(x,y0)
4. V：画笔从当前的点绘制竖直线段到点(x0,y)
5. A：画笔从当前的点绘制一段圆弧到点(x,y)
6. C：画笔从当前的点绘制一段三次贝塞尔曲线到点(x,y)
7. S：特殊版本的三次贝塞尔曲线(省略第一个控制点)
8. Q：绘制二次贝塞尔曲线到点(x,y)
9. T：特殊版本的二次贝塞尔曲线(省略控制点)
10. Z：绘制闭合图形，如果d属性不指定Z命令，则绘制线段，而不是封闭图形。
举一个三角形的path实例，代码如下：
<html xmlns:svg="http://www.w3.org/2000/svg">
<body>
<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">
<path d="M250 150 L150 350 L350 350 Z" />
</svg>
</body>
</html>上面的例子定义了一条路径，它开始于位置 250 150，到达位置 150 350，然后从那里开始到 350 350，最后在 250 150 关闭路径。
效果为：
通过学习SVG的一些特效标签能够很好的在浏览器中显示矢量动画图，读者可以自己亲自尝试一下手动写一些svg的标签进行学习，这个技术学习还是很容易上手。
1300
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
