Canvas 与 SVG 的比较
来源:互联网 发布:哥贝克力 知乎 编辑:程序博客网 时间:2024/05/16 13:04
SVG
- SVG 是一种使用 XML 描述 2D 图形的语言
- 可以为某个元素附加 JavaScript 事件处理器
- 每个被绘制的图形均被视为对象
- 如果 SVG 对象的属性发生变化,那么浏览器能够自动重现图形
Canvas
- Canvas 通过 JavaScript 来绘制 2D 图形。
- Canvas 是逐像素进行渲染的。
- 在 canvas 中,一旦图形被绘制完成,它就不会继续得到浏览器的关注。如果其位置发生变化,那么整个场景也需要重新绘制,包括任何或许已被图形覆盖的对象。
Canvas 与 SVG 的比较
canvas 与 SVG 不同之处。
Canvas
- 依赖分辨率
- 不支持事件处理器
- 弱的文本渲染能力
- 能够以 .png 或 .jpg 格式保存结果图像
- 最适合图像密集型的游戏,其中的许多对象会被频繁重绘
SVG
- 不依赖分辨率
- 支持事件处理器
- 最适合带有大型渲染区域的应用程序(比如谷歌地图)
- 复杂度高会减慢渲染速度(任何过度使用 DOM 的应用都不快)
- 不适合游戏应用
阅读全文
0 0
- Canvas与SVG的比较
- Canvas 与 SVG 的比较
- Canvas 与 SVG 的比较
- HTML5中Canvas与SVG的比较
- 关于svg与canvas的比较
- [转]HTML5中Canvas与SVG的画图原理比较
- HTML5中Canvas与SVG的画图原理比较
- Canvas与SVG的区别
- canvas 与 svg 的区别
- SVG与Canvas的特点
- SVG、CANVAS、VML比较
- SVG、CANVAS、VML比较
- HTML5的图像系统Canvas与SVG
- HTML5中Canvas与SVG的画图
- SVG 与 HTML5 的 canvas 优缺点
- HTML5 SVG与Canvas的区别
- svg 与canvas对比
- Canvas 与 SVG
- 14. Longest Common Prefix
- 用实例代码理解一下c++11”定义析构函数阻止合成移动”
- 幻境.最后一天
- 1、全志A33烧录固件(TF卡刷机)
- 我为什么要写博客
- Canvas 与 SVG 的比较
- unity3D 代码实现自定义平面
- Java
- 工厂模式区别
- git 删除本地追踪远程仓库但远程仓库已经不存在的分支
- 基于pyspider的大众点评数据爬取总结
- 网络图片加载
- maven gatling 运行
- Kafka集群动态修改复制因子以及数据留存时间