Canvas和SVG的区别

139 阅读1分钟

Canvas

Canvas主要用笔刷绘制2D图形。

SVG

SVG主要是用标签来绘制不规则矢量图。

相同点

都是用来画2D图的

不同点

  1. Canvas画的是位图,SVG画的是矢量图。
  2. SVG节点过多时渲染慢,Canvas性能更好一点,但写起来更复杂。
  3. SVG支持分层和事件,Canvas不支持分层,也不可以绑定事件,但是可以用库实现。