HTML5 SVG与Canvas的区别

SVG和Canvas的区别

什么是SVG？

（1）SVG指可伸缩矢量图形(Scal able Vector Graphics)

（2）SVG用于定义用于网络的基于矢量的图形

（3）SVG使用XML格式定义图形

（4）SVG图像在放大或改变尺寸的情况下其图形质量不会有损失

（5）SVG是万维网的标准

SVG的优势

（1）SVG图像可通过文本编辑器来创建和修改

（2）SVG图像可被搜、脚本化或压缩索、索引

（3）SVG是可伸缩的

（4）SVG图像可在任何的分辨率下被高质量地打印

（5）SVG图像可在任何的分辨率被高质量的打印

（6）SVG可在图像质量不下降的情况下被放大

canvas和SVG的区别：

Canvas	SVG
依赖分辨率	不依赖分辨率
不支持事件处理	支持事件处理
弱的文本渲染能力	最适合带有大型渲染区域的应用程序
能够以.png或.jpg格式保存结果图像	复杂度高会减慢渲染速度（任何过度使用DOM的应用都不快）
最适合图像密集型的游戏，其中的许多对象会被频繁重绘	不适合游戏应用