SVG与canvas的区别

内联SVG

什么是SVG

• 指可伸缩矢量图形
• 定义用于网格的基于矢量的图形
• 使用XML格式定义图形
• 是万维网联盟的标准

SVG的优势

• 可通过文本编辑器来创建和修改
• SVG图像可以被搜索、索引、脚本话和压缩
• 可伸缩
• 在任何分辨率下被高质量的打印

和canvas比较

canvas	SVG
依赖分辨率	不依赖分辨率
不支持事件处理器	支持事件处理器
弱文本渲染能力	最适合带有大型渲染区域的应用程序，比如谷歌地图
依适合图像密集型的游戏	不适合游戏应用