Canvas和SVG区别

Posted

tags:

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

参考技术A

Canvas 和 SVG 都允许您在浏览器中创建图形,但是它们在根本上是不同的。

描述:

描述:

Canvas

SVG

参考: http://www.w3school.com.cn/html5/html_5_canvas_vs_svg.asp

SVG与canvas的区别

内联SVG

 

什么是SVG

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

SVG的优势

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

和canvas比较

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

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

Canvas和Svg有啥区别?

Canvas和SVG区别

SVG 和 HTML5 Canvas 有啥区别?

HTML5——Canvas 与 SVG 区别

canvas和svg的区别

Canvas和SVG的区别