canvas和svg的区别,svg和canvas性能对比

　　Canvas和SVG都可以让你在浏览器中画图，但是它们的基本原理不同。SVG

　　SVG是一种用XML描述二维图形的语言。

　　SVG基于XML，这意味着SVG DOM中的每个元素都是可用的。您可以为每个元素添加JS事件处理程序。

　　在SVG中，每个图形都被记录为一个对象。如果SVG对象的属性发生变化，浏览器可以自动重新生成图形。Canvas

　　画布上可以绘制2D图形飞行(使用JS)

　　画布可以按像素重新生成。

　　在Canvas中，图形一旦完成，就会被浏览器遗忘。如果图形位置要改变，需要重画整个屏幕，包括图形覆盖的对象。Canvas 和SVG的比较

　　下表显示了canvas和SVG之间的主要区别：

　　Canvas SVG依赖于分辨率，与分辨率无关。它不支持事件处理程序。它支持事件处理程序的弱文本呈现能力。最适合渲染面积大的应用(谷歌地图)。最终图片可以保存为PNG或者JPG复图，重绘会比较慢(在任何大量使用DOM的情况下都会比较慢)。最适合频繁重绘很多对象的图形游戏，并不适合游戏应用。

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。