Elements

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

SVG elements A to Z

A

• <a>

• <altGlyph>

• <altGlyphDef>

• <altGlyphItem>

• <animate>

• <animateColor>

• <animateMotion>

• <animateTransform>

• <audio>

B C

• <canvas>

• <circle>

• <clipPath>

• <color-profile>

• <cursor>

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>

• <font>

• <font-face>

• <font-face-format>

• <font-face-name>

• <font-face-src>

• <font-face-uri>

• <foreignObject>

G

• <g>

• <glyph>

• <glyphRef>

H

• <hatch>

• <hatchpath>

• <hkern>

I

• <iframe>

• <image>

J K L

• <line>

• <linearGradient>

M

• <marker>

• <mask>

• <mesh>

• <meshgradient>

• <meshpatch>

• <meshrow>

• <metadata>

• <missing-glyph>

• <mpath>

N O P

• <path>

• <pattern>

• <polygon>

• <polyline>

Q R

• <radialGradient>

• <rect>

S

• <script>

• <set>

• <solidcolor>

• <stop>

• <style>

• <svg>

• <switch>

• <symbol>

T

• <text>

• <textPath>

• <title>

• <tref>

• <tspan>

U

• <unknown>

• <use>

V — Z

• <video>

• <view>

• <vkern>

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>

图形引用元素

<audio>, <iframe>, <image>, <mesh>, <use>, <video>

HTML元素

<audio>, <canvas>, <iframe>, <video>

光源元素

<feDistantLight>, <fePointLight>, <feSpotLight>

从未渲染的元素

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

绘制服务元素

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

可渲染的元素

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

形状元素

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