1. 面向开发者的 Web 技术
  2. SVG：可缩放矢量图形
  3. 参考
  4. SVG 元素参考

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

SVG 元素参考

SVG 图像是使用各种元素创建的，这些元素分别应用于矢量图像的结构、绘制与布局。在这里，你可以找到每个 SVG 元素的参考文档。

SVG 元素（从 A-Z 排序）

A

C

D

E

F

G

I

L

M

P

R

S

T

U

V

备注：SVG 2 规范要求，出于渲染目的，所有未知元素都应被视为 <g> 元素处理。

按类别划分的 SVG 元素

动画元素

<animate>、<animateMotion>、<animateTransform>、<mpath>、<set>

基本形状

<circle>、<ellipse>、<line>、<polygon>、<polyline>、<rect>

容器元素

<a>、<defs>、<g>、<marker>、<mask>、<pattern>、<svg>、<switch>、<symbol>

描述性元素

<desc>、<metadata>、<title>

滤镜原语元素

<feBlend>、<feColorMatrix>、<feComponentTransfer>、<feComposite>、<feConvolveMatrix>、<feDiffuseLighting>、<feDisplacementMap>、<feDropShadow>、<feFlood>、<feFuncA>、<feFuncB>、<feFuncG>、<feFuncR>、<feGaussianBlur>、<feImage>、<feMerge>、<feMergeNode>、<feMorphology>、<feOffset>、<feSpecularLighting>、<feTile>、<feTurbulence>

渐变元素

<linearGradient>、<radialGradient>、<stop>

图形元素

<circle>、<ellipse>、<image>、<line>、<path>、<polygon>、<polyline>、<rect>、<text>、<use>

图像渲染元素

<use>

光源元素

<feDistantLight>、<fePointLight>、<feSpotLight>

非渲染元素

<clipPath>、<defs>、<linearGradient>、<marker>、<mask>、<metadata>、<pattern>、<radialGradient>、<script>、<style>、<symbol>、<title>

绘制服务器元素

<linearGradient>、<pattern>、<radialGradient>

可渲染元素

<a>、<circle>、<ellipse>、<foreignObject>、<g>、<image>、<line>、<path>、<polygon>、<polyline>、<rect>、<svg>、<switch>、<symbol>、<text>、<textPath>、<tspan>、<use>

备注：SVG 2 规范要求，出于渲染目的，所有未知元素都应被视为 <g> 元素处理。

形状元素

<circle>、<ellipse>、<line>、<path>、<polygon>、<polyline>、<rect>

结构元素

<defs>、<g>、<svg>、<symbol>、<use>

文本内容元素

<textPath>、<text>、<tspan>

文本内容子元素

<textPath>、<tspan>

未分类元素

<clipPath>、<filter>、<foreignObject>、<script>、<style>、<view>

参见

Help improve MDN

Learn how to contribute

This page was last modified on by MDN contributors.

View this page on GitHub • Report a problem with this content