html5 画布和SVG的差别

canvas和SVG可以在浏览器绘制图形，但是本质上是不同的。canves是绘制2d图象，SVG也是绘制2d图象。

Canvas是Javascript进行绘图的，是逐像素绘图。Canvas一旦图象绘制完成，就于浏览器无关了，图象的位置发生变化，整个场景都需要重新重新绘制，包括已经被覆盖的元素。

svg是使用xml绘制，可以为svg添加javascript的事件处理器。所有的DOM都是可用的，属性发生变化，浏览器会自动重新绘制。

SVG和Canvas的不同：

svg支持事件处理器，而Canvas不支持；

svg是通过XML定义的，而Canvas是通过javascript定义的。

Canvas可以保存为png或者jpg格式；

Canvas适合游戏场景绘图，很多对象需要频繁重绘，而SVG不适合游戏场景绘图；

Canvas支持分辨率，SVG不支持分辨率；

Canvas弱文本渲染能力，SVG适合带有大型渲染区域的应用程序；

SVG复杂度高会减慢绘图速度。

转载于:https://www.cnblogs.com/Zhengxiaoxiao/p/10504788.html