HTML5 SVG与Canvas的区别
2017-10-08 18:35
519 查看
SVG和Canvas的区别
什么是SVG?(1)SVG指可伸缩矢量图形(Scal
able Vector Graphics)
(2)SVG用于定义用于网络的基于矢量的图形
(3)SVG使用XML格式定义图形
(4)SVG图像在放大或改变尺寸的情况下其图形质量不会有损失
(5)SVG是万维网的标准
SVG的优势
(1)SVG图像可通过文本编辑器来创建和修改
(2)SVG图像可被搜、脚本化或压缩索、索引
(3)SVG是可伸缩的
(4)SVG图像可在任何的分辨率下被高质量地打印
(5)SVG图像可在任何的分辨率被高质量的打印
(6)SVG可在图像质量不下降的情况下被放大
canvas和SVG的区别:
Canvas | SVG |
依赖分辨率 | 不依赖分辨率 |
不支持事件处理 | 支持事件处理 |
弱的文本渲染能力 | 最适合带有大型渲染区域的应用程序 |
能够以.png或.jpg格式保存结果图像 | 复杂度高会减慢渲染速度(任何过度使用DOM的应用都不快) |
最适合图像密集型的游戏,其中的许多对象会被频繁重绘 | 不适合游戏应用 |
相关文章推荐
- 【HTML5】Canvas和SVG的区别
- 数据可视化的实现技术和工具比较(HTML5 canvas(Echart)、SVG、webGL等等)
- canvas 与 svg 的区别
- 绘制SVG内容到Canvas的HTML5应用
- 解决html5 + js开发APP无法显示SVG问题(转化成canvas)
- 经典面试题(讨论canvas与svg的区别)
- canvas 与 svg 的区别
- HTML5----Canvas VS SVG
- HTML5新特性——HTML 5 Canvas vs. SVG
- 突袭HTML5之SVG 2D入门13 - svg对决canvas
- Html5新增元素中Canvas 与内联SVG的比较
- 总结Canvas和SVG的区别
- canvas 与 svg 的区别
- html5 中的SVG 和canvas
- SVG和Canvas的区别
- SVG 与 HTML5 的 canvas 优缺点
- 三天学会HTML5——SVG和Canvas的使用
- Canvas和SVG区别
- canvas 与 svg 的区别
- [Web Chart系列之一]Web端图形绘制SVG,VML, HTML5 Canvas 技术比较