秀米使用了过多svg图形 HTML5中Canvas和SVG网页绘制图形的区别?
浏览量:1474
时间:2021-03-15 21:39:44
作者:admin
HTML5中Canvas和SVG网页绘制图形的区别?
canvas和SVG都允许在浏览器中创建图形,但它们有本质的不同。
Canvas
说明:
使用JavaScript绘制2D图形。
逐像素渲染。
其位置发生变化并重新绘制。
Svg
Description:
由XML描述的二维图形语言
Svg基于XML,这意味着Svg DOM中的每个元素都可用,并且可以将JavaScript事件处理程序附加到元素。
在SVG中,每个图形都被视为一个对象。如果SVG对象的属性发生变化,浏览器可以自动再现图形。
比较
画布
分辨率相关
不支持事件处理程序
文本呈现能力弱
在中呈现的能力。PNG或。Jpg格式保存结果图像
最适合图像密集型游戏,其中许多对象经常被重绘
SVG
分辨率无关
事件处理器支持
最适合渲染面积大的应用程序(如谷歌地图)
高复杂度会降低渲染速度(任何过度使用DOM(速度不快)
不适用于游戏应用程序
秀米使用了过多svg图形 svg定义的图形是什么格式 svg入门
版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。