Html5 内联SVG

•SVG 指可伸缩矢量图形 (Scalable VectorGraphics)

•SVG 用于定义用于网络的基于矢量的图形

•SVG 使用 XML 格式定义图形

•SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失

•SVG 是万维网联盟的标准

•

•HTML5 支持内联 SVG

•与其他图像格式相比（比如 JPEG 和 GIF）：

–SVG图像可通过文本编辑器来创建和修改

–

–SVG图像可被搜索、索引、脚本化或压缩

–

–SVG是可伸缩的

–

–SVG图像可在任何的分辨率下被高质量地打印

–

–SVG可在图像质量不下降的情况下被放大

•与其他图像格式相比（比如 JPEG 和 GIF）：

–SVG图像可通过文本编辑器来创建和修改

–

–SVG图像可被搜索、索引、脚本化或压缩

–

–SVG是可伸缩的

–

–SVG图像可在任何的分辨率下被高质量地打印

–

–SVG可在图像质量不下降的情况下被放大

•Canvas

–依赖分辨率

–不支持事件处理器

–弱的文本渲染能力

–能够以.png或.jpg 格式保存结果图像

–最适合图像密集型的游戏，其中的许多对象会被频繁重绘

•SVG

–不依赖分辨率

–支持事件处理器

–最适合带有大型渲染区域的应用程序（比如谷歌地图）

–复杂度高会减慢渲染速度（任何过度使用DOM 的应用都不快）

–不适合游戏应用