• 售前

  • 售后

热门帖子
入门百科

HTML5中Canvas与SVG的画图原理比力

[复制链接]
我心如烟卸 显示全部楼层 发表于 2021-10-25 18:43:45 |阅读模式 打印 上一主题 下一主题
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许多的情况都会变慢)
最恰当许多 对象频繁重画的图形游戏       不恰当游戏应用

帖子地址: 

回复

使用道具 举报

分享
推广
火星云矿 | 预约S19Pro,享500抵1000!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

草根技术分享(草根吧)是全球知名中文IT技术交流平台,创建于2021年,包含原创博客、精品问答、职业培训、技术社区、资源下载等产品服务,提供原创、优质、完整内容的专业IT技术开发社区。
  • 官方手机版

  • 微信公众号

  • 商务合作