面试题 canvas 和 svg的区别

canvas 和 svg都允许在浏览器上绘制图形，但本质上是不同的。

cavas：

1. 通过JS来绘制，只要它的位置发生改变，就得重新绘制
2. 它是逐像素渲染，依赖屏幕的分辨率
3. 弱的文本渲染能力
4. 不支持事件处理
5. 能够jpg、png图像格式保存
6. 适合图像密集的游戏，其中的许多对象会被频繁重绘

SVG:（svg的对象是文档对象模型的一部分）

1. 使用XML的2d语言
2. 不依赖屏幕分辨率
3. 支持事件处理
4. 适合带有大型渲染区域的应用程序（如谷歌地图）
5. 不适合游戏
6. 复杂度越高渲染速度越慢（过度依赖DOM）

 

参考：https://www.cnblogs.com/liyuspace/p/7746853.html