svg转canvas

作者: 小鹿姐_
来源: 51数据库
2020-09-27

首先要了解一下两者的区别
Canvas
1、依赖分辨率
2、不支持事件处理器
3、弱文本渲染能力
4、可以保存最终图片为PNG或者JPG
5、最适合许多对象频繁重画的图形游戏
SVG
1、独立于分辨率
2、支持事件处理器
3、最适合具有大渲染面积的应用（谷歌地图）
4、复杂图像，重画变慢（任何使用DOM很多的情况都会变慢）
5、不适合游戏应用

所以看你要要什么类型的东西canvas 相比操作更加复杂，因为不支持事件处理，svg 虽然方便操作，但是渲染慢，因为是操作 DOM

　　做游戏用canvas会好一点。如果是页面重构需要一些绘制的元素，如果可以使用svg还是使用svg不要使用canvas，因为svg也是使用树结构也是xmt的一种，更利于维护和保持html代码的一致性，当然也更直观

推荐阅读