Html5 内联SVG

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

• 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 的应用都不快）

– 不适合游戏应用