canvas和svg的区别

Posted xuhanghang

tags:

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

什么是 Canvas?

html5 的 canvas 元素使用 javascript 在网页上绘制图像。

画布是一个矩形区域,您可以控制其每一像素。

canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

什么是 SVG?

SVG 是一种使用 XML 描述 2D 图形的语言。

SVG 基于 XML,这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。

在 SVG 中,每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形。

Canvas 与 SVG 的比较

下表列出了 canvas 与 SVG 之间的一些不同之处。

技术分享图片

 

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

Canvas和SVG区别

Canvas和Svg有啥区别?

SVG 和 HTML5 Canvas 有啥区别?

HTML中SVG和CANVAS的区别

Canvas和SVG的区别

Canvas 和 SVG 的区别对比