SVG绘图

1.使用SVG绘制各种图形
通用属性：
fill="填充颜色"
stroke="描边颜色"
stroke-width="描边宽度"
style=" fill:''; stroke:'' "
opacity="透明度"
提示：可以把多个图形放在一个小组中，统一操作每个组员的样式

(1)矩形

(2)圆形

document.createElementNS('', 'circle')
(3)椭圆

(4)直线

(5)折线

(6)多边形

(7)文字
文本内容
提示：SVG中的文字直接出现在DOM树中，可以被搜索引擎的爬虫机器人检索到！
(8)图像

提示：SVG中若绘制的了位图，无限缩放的特性就没有了！

2.为SVG图形图像添加特效——了解
所有的特效必须声明在标签内，必须有ID，供某个图形/图像所引用。
(1)渐变色特效

(2)滤镜特效——高斯模糊





达内科技
提示：可以到http://www.w3school.com.cn/svg/svg_examples.asp查看更多的滤镜特效