10 09/2014

canvas vs svg

最后更新: Wed Sep 10 2014 12:36:06 GMT+0800

flash(silverlight)不在对比之中。canvas 和 svg 都是源码开放,可读的图形描述语言。都需要 ie9 以上。

另外:vml 是微软 ie6-7-8 的图形解决办法。

canvas vs svg 区别

svg 内置了 选择、移动、点击等,但性能不如 canvas,元素少于 1000 以内时;canvas 性能好一些,但使用没那么方便,需要第三方 lib。

比如 dojox.gfx 就是这样一个 lib,可选择渲染方式:svg,vml,silverlight 或者 canvas

svg lib

Raphael

优点:向下兼容ie6(vml,但有少量bug)。简单容易。
缺点:没有组,多个对象拖动等,很罗嗦!并且不是 native 的 svg 代码

jQuery SVG

优点:dom 操作更方便
缺点:不那么容易扩展

SnapSVG

优点:不需要 jquery。svg native 语法
缺点:浏览器必须支持 svg