SVG 指南

此页面列出了 SVG 的指南,涵盖了嵌入、MIME(媒体)类型、脚本处理、动画、滤镜等主题。

将 SVG 效果应用于 HTML 内容

现代浏览器支持在 CSS 样式中使用 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

另见