SVG 可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。
HTML5
Canvas 和SVG的比较
下表显示了canvas与SVG的主要不同点:
Canvas
依赖分辨率
不支持事件处理器
弱文本渲染能力
可以保存最终图片为PNG或者JPG
最适合许多 对象频繁重画的图形游戏
SVG
独立于分辨率
支持事件处理器
最适合具有大渲染面积的应用(谷歌地图)
复杂图像,重画变慢(任何使用DOM很多的情况都会变慢)
不适合游戏应用