SVG:可缩放矢量图形(Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG由W3C制定,是一个开放标准。
svg可以兼容IE6+和所有先进浏览器,不用担心兼容性问题,而canvas在ie6上就无法使用了,相对于flex比,它体积较小,因为是 html本身就有svg的格式,所以解析速度还是不错的。并且flex要使用到flash,这对于有些没有flash插件的浏览器或是flash插件版本 过低的情况,这个flex就显示不出来了。
现在谷歌分析的界面都开始使用svg了,著名的图表组件highcharts也是使用的svg,当ie6用户仍然存在的情况下,canvas只兼容高版本的ie的情况下,svg无疑是比较好的选择。
当然,这些老外应该是早就想到了,于是基于svg画图的库raphael早在2008年就诞生了,这个库强大到你可以操作svg像jquery操作dom一样方便,下面是我用这个组件开发的svgmap组件。