svg的初步尝试
1.什么是svg?
以下是百度百科的解释。
可缩放矢量图形（Scalable Vector Graphics，SVG）是基于可扩展标记语言（XML），用于描述二维矢量图形的一种图形格式。SVG由W3C制定，是一个开放标准。
2.怎么用？
先提几个问题：
a.怎样绘制svg图形？
b.svg怎么用在网页上？
c.svg怎么和html进行交互？
a.怎样绘制svg图形？
这里就请到http://www.w3school.com.cn/svg/svg_inhtml.asp
b.svg怎么用在网页上？
这里有几种方法：
1.embed标签
这个在w3里面有提到，这里省略
2.直接以标签形式使用
不要被svg的东西吓到，那不是我敲的，是我用工具画了之后复制过来的，当然也经过稍微的修改。svg的绘制工具很多，我用的是Inkscape.
每个svg的标签前面加个svg:标识就可以了，这个很简单
c.svg怎么和html进行交互？
svg现在也能够利用js进行操控，这里贴出个自己写的小demo
(jquery 也有对svg的支持，可惜没有找到详细说明的api，看源码也有点吃力)
如果想直接看效果，请注意将文件后缀名写为.svg而不是.html
引用的格式和html大同小异，可以看到，如果能与html元素进行交互了，实际上就可以将svg看做成html的成员了，这样，能做的事情就很多了，可以自由想象发挥。
更详细的说明可以参考这里：
http://www.ibm.com/developerworks/cn/education/xml/x-dynamicsvg/section3.html
3.适用范围
我现在只能用这些提到的操作使得我的网页更加美观一点，svg用处很多，网上说是没有svg绘制不了的东西，svg的确很好玩，有时间还要多研究研究。
