SVG元素参考

« SVG / SVG 属性参考 »

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

SVG 元素(从 A-Z 排序)

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>

参见