SVG 指南
此页面列出了 SVG 的指南,涵盖了嵌入、MIME(媒体)类型、脚本处理、动画、滤镜等主题。
- 将 SVG 效果应用于 HTML 内容
- 内容类型
SVG 使用多种数据类型。本文列出了这些类型及其语法和用途描述。
- 链接
SVG
a
元素上的target
属性在 Mozilla Firefox 1.5 中不起作用。当使用 <tag> 标签将 SVG 文档嵌入父 HTML 文档时- 命名空间速成课
作为 XML 方言,SVG 是带命名空间的。如果你计划编写 SVG 内容,理解命名空间的概念以及它们的使用方式非常重要。对于支持多种 XML 方言的用户代理来说,命名空间至关重要;浏览器必须非常严格。现在花时间理解命名空间将为你节省未来的麻烦。
- 脚本
有几种方法可以使用 JavaScript 创建和操作 SVG。本文档描述了事件处理、交互性和使用嵌入式 SVG 内容。
- 使用 SMIL 的 SVG 动画
Synchronized Multimedia Integration Language (SMIL) 是一种基于 XML 的语言,用于编写交互式多媒体演示文稿。作者可以在其他基于 XML 的语言中使用 SMIL 语法来定义动画元素的时序和布局。
- SVG 作为图像
SVG 可用作 HTML、CSS、某些 SVG 元素以及通过 Canvas API 中的图像格式。本页面列出了您可以提供 SVG 作为图像源的功能。
- SVG 滤镜
SVG 允许我们使用与位图描述语言类似的工具,例如使用阴影、模糊效果,甚至合并不同滤镜的结果。通过
<filter>
滤镜元素,可以添加这些效果,然后将它们附加到对象上。- SVG 在 HTML 中的介绍
本文及其关联示例演示了如何使用内联 SVG。