首页 > 代码库 > SVG与canvas的区别

SVG与canvas的区别

内联SVG

 

什么是SVG

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

SVG的优势

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

和canvas比较

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

SVG与canvas的区别