SVG和Canvas的优缺点和共性

共同点

两者都是有效的图形工具，对于数据较小的情况下，都有很高的性能。都是用js和html完成，都遵守w3c标准。

SVG优缺点

优点

矢量图，不依赖像素，无限放大后不会失真。以dom的形式显示，事件绑定由浏览器直接分发到节点上。

缺点

涉及到动画的时候需要更新dom，性能较低。

Canvas优缺点

优点

定制性更强，可以绘制自己想要的东西，不是以dom的结构形式，通过js进行绘制，涉及到动画性能较高。

缺点

时间分发由canvas处理，绘制的内容的事件需要自己做处理，依赖于像素，无法高效保真，画布较大时候性能较低。