秀米使用了过多svg图形 HTML5中Canvas和SVG网页绘制图形的区别？

HTML5中Canvas和SVG网页绘制图形的区别？canvas和SVG都允许在浏览器中创建图形，但它们有本质的不同。Canvas说明：使用JavaScript绘制2D图形。逐像素渲染。其位置发生变化

HTML5中Canvas和SVG网页绘制图形的区别？

canvas和SVG都允许在浏览器中创建图形，但它们有本质的不同。

Canvas

说明：

使用JavaScript绘制2D图形。

逐像素渲染。

其位置发生变化并重新绘制。

Svg

Description:

由XML描述的二维图形语言

Svg基于XML，这意味着Svg DOM中的每个元素都可用，并且可以将JavaScript事件处理程序附加到元素。

在SVG中，每个图形都被视为一个对象。如果SVG对象的属性发生变化，浏览器可以自动再现图形。

比较

画布

分辨率相关

不支持事件处理程序

文本呈现能力弱

在中呈现的能力。PNG或。Jpg格式保存结果图像

最适合图像密集型游戏，其中许多对象经常被重绘

SVG

分辨率无关

事件处理器支持

最适合渲染面积大的应用程序（如谷歌地图）

高复杂度会降低渲染速度（任何过度使用DOM（速度不快）

不适用于游戏应用程序