SVG 指南
本页列出了 SVG 指南,涵盖嵌入、MIME(媒体)类型、脚本处理、动画、滤镜等主题。
- Linking
SVG 标签内的 "a" 元素上的“target”属性在 Mozilla Firefox 1.5 中不起作用。使用标记将 SVG 文档嵌入父 HTML 文档时:
- SVG In HTML Introduction
本文及其相关示例展示了如何使用内联的 SVG 给一个表单提供背景图片,它展示了如何按照编写常规 XHTML 代码相同的方式来通过 JavaScript 和 CSS 操作图片。注意,该示例仅在支持 XHTML(非 HTML)并集成了 SVG 的浏览器中正常工作。
- 作为图片的 SVG
SVG 图像可以在多种场景中用作一种图像格式。浏览器在以下情况下支持 SVG 图像:
- 使用 SMIL 的 SVG 动画
警告: 虽然 Chrome 45 弃用了 SMIL 而偏向于 CSS 动画和 Web 动画,但之后 Chrome 开发者中止了对 SMIL 的弃用。
- 内容类型
SVG 中使用了许多数据类型。本文列出了这些数据类型以及它们的语法和用途的描述。
- 命名空间速成
作为 XML 的一个方言,SVG 具有命名空间。当你打算制作 SVG 内容时,理解命名空间的概念,以及命名空间如何使用,是很重要的。命名空间对于支持多种 XML 方言来说是必要的;浏览器必须非常严格。现在花一点时间来理解命名空间,这会让你避免以后的各种麻烦。
- 在 HTML 内容中应用 SVG 效果