canvas 和 svg都允许在浏览器上绘制图形,但本质上是不同的。
cavas:
- 通过JS来绘制,只要它的位置发生改变,就得重新绘制
- 它是逐像素渲染,依赖屏幕的分辨率
- 弱的文本渲染能力
- 不支持事件处理
- 能够jpg、png图像格式保存
- 适合图像密集的游戏,其中的许多对象会被频繁重绘
SVG:(svg的对象是文档对象模型的一部分)
- 使用XML的2d语言
- 不依赖屏幕分辨率
- 支持事件处理
- 适合带有大型渲染区域的应用程序(如谷歌地图)
- 不适合游戏
- 复杂度越高渲染速度越慢(过度依赖DOM)
canvas 和 svg都允许在浏览器上绘制图形,但本质上是不同的。
cavas:
SVG:(svg的对象是文档对象模型的一部分)