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>、<missing-glyph>、<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>

字体元素

<font>、<font-face>、<font-face-format>、<font-face-name>、<font-face-src>、<font-face-uri>、<hkern>、<vkern>

渐变元素

<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>

文本内容元素

<glyph>、<glyphRef>、<textPath>、<text>、<tref>、<tspan>

文本内容子元素

<textPath>、<tref>、<tspan>

未分类元素

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

过时和弃用的元素

警告： 这些都是旧的已弃用 SVG 元素，不应使用。你不应在新的项目中使用它们，并且应尽快在旧项目中将其替换掉。在此列出这些信息仅供参考。

C

<cursor>

F

<font>、<font-face>、<font-face-format>、<font-face-name>、<font-face-src>、<font-face-uri>

G

<glyph>、<glyphRef>

H

<hkern>

M

<missing-glyph>

T

<tref>

V

<vkern>

参见