svg:可以不改变质量的情况下缩放 svg必须有包含 可以绘制不同的形状矩形:rect,圆形:circle,椭圆:ellipse,线:line,折线:polyline,多边形:polygon,路径:path 绘制不同的图形则应该使用不同的标签标记如圆形则使用circle 可以将svg保存为svg格式 x,y表示起始坐标 fill:填充的颜色,stroke:画的颜色,stroke-width:画的宽度（通俗来讲就是边框） 其实和css3的canvas差不多
矩形:rect     

圆角矩形：设置rx,ry（圆心的坐标）的值即可

圆形:circle circle:没有x,y的属性因为已经设置好了圆心cx,cy

椭圆:ellipse ellipse:椭圆其实就是矩形然后边框是圆角

线段:line(两点确定一条直线)

折线:polyline(就是设置多个坐标点)
注意不能使用（0,0）是无效的

多边形:polygon
当然更复杂的图形，只要知道各个点的坐标即可

路径:path(上面所有的图形 都可以通过path来绘制) 下面的命令可用于路径数据：
m = moveto //坐标移动到 l = lineto //画到 h = horizontal lineto v = vertical lineto c = curveto s = smooth curveto q = quadratic belzier curve t = smooth quadratic belzier curveto a = elliptical arc //椭圆 z = closepath //结束路径 注释：以上所有命令均允许小写字母。大写表示绝对定位，小写表示相对定位。
必须按照规则书写

demo: http://2.liteng.sinaapp.com/svg/index.html
原文地址url: http://liteng.org/node/51