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的应用都不快) |
最适合图像密集型的游戏,其中的许多对象会被频繁重绘 | 不适合游戏应用 |