首页 > 试题广场 >

下列关于Canvas和SVG图形的区别说法错误的是（）

[单选题]

Canvas绘制的形状都能被记忆和操作

SVG为了之后的操作，需要记录坐标，所以比较缓慢

Canvas不能使用绘制对象的相关事件处理，因为我们没有他们的参考

```
Canvas和分辨率无关
```

查看答案及解析

Jackcaos

Canvas 与 SVG 的比较

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

Canvas

依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘
Canvas 是逐像素进行渲染的。

在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

SVG

不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用

发表于 2019-02-15 17:57:06 回复(13)

yhnsw0711

Canvas不是依赖分辨率吗，为什么和分辨率无关

发表于 2019-02-23 11:13:47 回复(6)

觉醒乎

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

Canvas

描述：

通过Javascript来绘制2D图形。
是逐像素进行渲染的。
其位置发生改变，会重新进行绘制。

SVG

描述：

一种使用XML描述的2D图形的语言
SVG基于XML意味着，SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

比较

Canvas

依赖分辨率
不支持事件处理器
弱的文本渲染能力
能够以 .png 或 .jpg 格式保存结果图像
最适合图像密集型的游戏，其中的许多对象会被频繁重绘

SVG

不依赖分辨率
支持事件处理器
最适合带有大型渲染区域的应用程序（比如谷歌地图）
复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）
不适合游戏应用

发表于 2021-10-04 18:29:09 回复(1)

QQ冰雹

svg是什么？

SVG 指可伸缩矢量图形 (Scalable Vector Graphics)。
SVG 用来定义用于网络的基于矢量的图形。
SVG 使用 XML 格式定义图形。
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失。
SVG 是万维网联盟的标准。
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体。

canvas是什么？

HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。画布是一个矩形区域，您可以控制其每一像素。canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

知道了svg和canvas是什么之后，我们就来比较一下canvas和svg。

canvas和svg的区别比较：

首先我们从时间上看canvas与svg的区别：

canvas是html5提供的新元素<canvas>，而svg存在的历史要比canvas久远，已经有十几年了。

svg并不是html5专有的标签，最初svg是用xml技术（超文本扩展语言，可以自定义标签或属性）描述二维图形的语言。

其次我们从功能上看canvas与svg的区别：

SVG 是一种使用 XML 描述 2D 图形的语言。
SVG 基于 XML，这意味着 SVG DOM 中的每个元素都是可用的。您可以为某个元素附加 JavaScript 事件处理器。
在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。

Canvas 通过 JavaScript 来绘制 2D 图形。
Canvas 是逐像素进行渲染的。
在 canvas 中，一旦图形被绘制完成，它就不会继续得到浏览器的关注。如果其位置发生变化，那么整个场景也需要重新绘制，包括任何或许已被图形覆盖的对象。

最后我们来看canvas与svg技术应用上的比较：

canvas不依赖分辨率。
canvas支持事件处理器。
canvas最适合带有大型渲染区域的应用程序（比如谷歌地图）。
canvas复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）。
canvas不适合游戏应用。

svg依赖分辨率。
svg不支持事件处理器。
svg弱的文本渲染能力。
svg能够以 .png 或 .jpg 格式保存结果图像。
svg最适合图像密集型的游戏，其中的许多对象会被频繁重绘。

发表于 2020-08-07 19:24:30 回复(2)

矜持的微笑

请认真审题，问说法错误的是

发表于 2022-01-21 16:30:52 回复(0)

二次元世界

Canvas 和 SVG 都允许您在浏览器中创建图形，但是它们在根本上是不同的。 Canvas 描述：通过Javascript来绘制2D图形。是逐像素进行渲染的。其位置发生改变，会重新进行绘制。 SVG 描述：一种使用XML描述的2D图形的语言 SVG基于XML意味着，SVG DOM中的每个元素都是可用的，可以为某个元素附加Javascript事件处理器。在 SVG 中，每个被绘制的图形均被视为对象。如果 SVG 对象的属性发生变化，那么浏览器能够自动重现图形。比较 Canvas 依赖分辨率不支持事件处理器弱的文本渲染能力能够以 .png 或 .jpg 格式保存结果图像最适合图像密集型的游戏，其中的许多对象会被频繁重绘 SVG 不依赖分辨率支持事件处理器最适合带有大型渲染区域的应用程序（比如谷歌地图）复杂度高会减慢渲染速度（任何过度使用 DOM 的应用都不快）不适合游戏应用

发表于 2023-04-12 09:29:42 回复(0)

炽热青春

canvas小而精致，svg大而广泛

发表于 2023-03-27 08:40:29 回复(0)

飘雪aaa

题目有问题，我问过老师，这题选D.

发表于 2020-11-07 14:32:11 回复(0)

提交观点

问题信息

前端工程师京东 2019 HTML

上传者：小小

难度：

8条回答 995收藏 5522浏览

下列关于Canvas和SVG图形的区别说法错误的是（）

Canvas 与 SVG 的比较

Canvas

SVG

Canvas

SVG

比较

问题信息

热门推荐

相关试题