SVG与canvas的区别

Posted 没入门的小学员

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了SVG与canvas的区别相关的知识,希望对你有一定的参考价值。

内联SVG

 

什么是SVG

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

SVG的优势

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

和canvas比较

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

以上是关于SVG与canvas的区别的主要内容,如果未能解决你的问题,请参考以下文章

canvas与svg的区别

CANVAS画布与SVG的区别

canvas 与svg 的区别

HTML5——Canvas 与 SVG 区别

echarts 底层基于canvas ,highcharts 底层基于svg;canvas 与svg 的区别

HTML中SVG和CANVAS的区别