Canvas和SVG的异同

Canvas

Canvas是用JavaScript程序绘制位图

SVG

SVG主要是用标签（XML描述）来绘制矢量图

相同点

都是用来画2D图形

不同点

• Canvas画的是基于像素的位图，SVG画的是矢量图
• SVG节点过多时渲染慢，Canvas动态渲染性能更好，适合做图像密集型的游戏
• SVG支持分层和事件，Canvas不支持，但是可以用库实现。