HTML5中Canvas与SVG的画图原理比较
发布时间：2020-09-19 12:25:03 所属栏目：MySql教程 来源：互联网
导读：canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同,接下来将对canvas 与 SVG的画图原理进行介绍，感兴趣的朋友可以了解下
|
canvas 与 SVG都能够使你在浏览器中画图，但它们的基本原理不同。 SVG SVG是一种在XML中描述二维图形的语言。 SVG是基于XML的，意味着在SVG DOM内每一个元素都是可用的。你可以为每一个元素增加JS事件处理器。 在SVG中，每一个图形被记作一个对象。如果一个SVG对象的属性发生改变，浏览器可以自动重新生成图形。 Canvas Canvas能够在fly上画2D图形（使用JS） Canvas能够按照像素重新生成。 在Canvas中，一旦图形完成，就会被浏览器忘记。如果图形位置要发生改变，那么整个屏幕需要重画，包括图形覆盖的对象。 Canvas 和SVG的比较 下表显示了canvas与SVG的主要不同点： Canvas SVG 依赖分辨率 独立于分辨率 不支持事件处理器 支持事件处理器 弱文本渲染能力 最适合具有大渲染面积的应用（谷歌地图） 可以保存最终图片为PNG或者JPG 复杂图像，重画变慢（任何使用DOM很多的情况都会变慢） 最适合许多 对象频繁重画的图形游戏 不适合游戏应用 （编辑：焦作站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |