231208Canvas 和 SVG 的区别

1. Canvas 主要是用笔刷来绘制 2D 图形的。

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

简单来说矢量图就像用几何图形来描述一幅图，放大缩小都不会影响清晰度

位图就是有很多个点（像素）组成

3. 相同点：都是主要用来画 2D 图形的。

4. 不同点 ：

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