SVG元素参考 - SVG 编辑

« SVG / SVG 属性参考 »

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

SVG 元素（从 A-Z 排序）

A

• <a>
• <animate>
• <animateMotion>
• <animateTransform>

C

• <circle>
• <clipPath>
• <color-profile>

D

• <defs>
• <desc>
• <discard>

E

• <ellipse>

F

• <feBlend>
• <feColorMatrix>
• <feComponentTransfer>
• <feComposite>
• <feConvolveMatrix>
• <feDiffuseLighting>
• <feDisplacementMap>
• <feDistantLight>
• <feDropShadow>
• <feFlood>
• <feFuncA>
• <feFuncB>
• <feFuncG>
• <feFuncR>
• <feGaussianBlur>
• <feImage>
• <feMerge>
• <feMergeNode>
• <feMorphology>
• <feOffset>
• <fePointLight>
• <feSpecularLighting>
• <feSpotLight>
• <feTile>
• <feTurbulence>
• <filter>
• <foreignObject>

G

• <g>

H

• <hatch>
• <hatchpath>

I

• <image>

L

• <line>
• <linearGradient>

M

• <marker>
• <mask>
• <mesh>
• <meshgradient>
• <meshpatch>
• <meshrow>
• <metadata>
• <mpath>

P

• <path>
• <pattern>
• <polygon>
• <polyline>

R

• <radialGradient>
• <rect>

S

• <script>
• <set>
• <solidcolor>
• <stop>
• <style>
• <svg>
• <switch>
• <symbol>

T

• <text>
• <textPath>
• <title>
• <tspan>

U

• <unknown>
• <use>

V

• <view>

SVG 元素（按类别分类）

动画元素

<animate>，<animateColor>，<animateMotion>，<animateTransform>，<discard>，<mpath>，<set>

基本形状元素

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

容器元素

<a>, <defs>, <g>, <marker>, <mask>, <missing-glyph>, <pattern>, <svg>, <switch>, <symbol>, <unknown>

描述性元素

<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>, <meshgradient>, <radialGradient>, <stop>

图形元素

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

图像渲染元素

<mesh>, <use>

光源元素

<feDistantLight>, <fePointLight>, <feSpotLight>

非渲染元素

<clipPath>, <defs>, <hatch>, <linearGradient>, <marker>, <mask>, <meshgradient>, <metadata>, <pattern>, <radialGradient>, <script>, <style>, <symbol>, <title>

绘制服务器元素

<hatch>, <linearGradient>, <meshgradient>, <pattern>, <radialGradient>, <solidcolor>

可渲染元素

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

形状元素

<circle>, <ellipse>, <line>, <mesh>, <path>, <polygon>, <polyline>, <rect>

结构元素

<defs>, <g>, <svg>, <symbol>, <use>

文本内容元素

<altGlyph>, <altGlyphDef>, <altGlyphItem>, <glyph>, <glyphRef>, <textPath>, <text>, <tref>, <tspan>

文本子内容元素

<altGlyph>, <textPath>, <tref>, <tspan>

未分类元素

<clipPath>, <color-profile>, <cursor>, <filter>, <foreignObject>, <hatchpath>, <meshpatch>, <meshrow>, <script>, <style>, <view>

过时和弃用的元素

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

A

<altGlyph>, <altGlyphDef>, <altGlyphItem>, <animateColor>

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>

参见

• SVG attribute reference
• SVG Tutorial
• SVG interface reference