Canvas和SVG的区别是什么？

2023-03-04 123 阅读1分钟

Canvas主要使用笔刷来绘制2D图像。
SVG主要使用标签来绘制不规则矢量图。
相同点：都是主要用来绘制2D图像的。
不同点：Canvas画的是位图，SVG画的是矢量图。（吐槽一句，因为SVG本来就是可缩放矢量图形的缩写）
不同点：SVG 节点过多时渲染慢，Canvas 性能更好一点，但写起来更复杂。
不同点：SVG支持分层和事件，Canvas不支持，但是可以通过库实现。