SVG 元素参考

SVG 图形和图像使用各种元素创建，这些元素专用于矢量图像和图表的构建、绘制和布局。在这里，您将找到每个 SVG 元素的参考文档。

SVG 元素 A 到 Z

A

C

D

E

<ellipse>

F

G

<g>

I

<image>

L

M

P

R

S

T

U

<use>

V

<view>

注意：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>

图形引用元素

光源元素

<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

F

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

G

<glyph>，<glyphRef>

H

M

<missing-glyph>

T

V

另请参见