Skip to content

Latest commit

 

History

History
243 lines (153 loc) · 7.79 KB

index.md

File metadata and controls

243 lines (153 loc) · 7.79 KB
Raw
title slug
SVG 元素参考
Web/SVG/Element

{{SVGRef}}

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

SVG 元素（从 A-Z 排序）

A

  • {{SVGElement("a")}}
  • {{SVGElement("animate")}}
  • {{SVGElement("animateMotion")}}
  • {{SVGElement("animateTransform")}}

C

  • {{SVGElement("circle")}}
  • {{SVGElement("clipPath")}}
  • {{SVGElement("color-profile")}}

D

  • {{SVGElement("defs")}}
  • {{SVGElement("desc")}}

E

  • {{SVGElement("ellipse")}}

F

  • {{SVGElement("feBlend")}}
  • {{SVGElement("feColorMatrix")}}
  • {{SVGElement("feComponentTransfer")}}
  • {{SVGElement("feComposite")}}
  • {{SVGElement("feConvolveMatrix")}}
  • {{SVGElement("feDiffuseLighting")}}
  • {{SVGElement("feDisplacementMap")}}
  • {{SVGElement("feDistantLight")}}
  • {{SVGElement("feDropShadow")}}
  • {{SVGElement("feFlood")}}
  • {{SVGElement("feFuncA")}}
  • {{SVGElement("feFuncB")}}
  • {{SVGElement("feFuncG")}}
  • {{SVGElement("feFuncR")}}
  • {{SVGElement("feGaussianBlur")}}
  • {{SVGElement("feImage")}}
  • {{SVGElement("feMerge")}}
  • {{SVGElement("feMergeNode")}}
  • {{SVGElement("feMorphology")}}
  • {{SVGElement("feOffset")}}
  • {{SVGElement("fePointLight")}}
  • {{SVGElement("feSpecularLighting")}}
  • {{SVGElement("feSpotLight")}}
  • {{SVGElement("feTile")}}
  • {{SVGElement("feTurbulence")}}
  • {{SVGElement("filter")}}
  • {{SVGElement("foreignObject")}}

G

  • {{SVGElement("g")}}

H

  • {{SVGElement("hatch")}}
  • {{SVGElement("hatchpath")}}

I

  • {{SVGElement("image")}}

L

  • {{SVGElement("line")}}
  • {{SVGElement("linearGradient")}}

M

  • {{SVGElement("marker")}}
  • {{SVGElement("mask")}}
  • {{SVGElement("mesh")}}
  • {{SVGElement("meshgradient")}}
  • {{SVGElement("meshpatch")}}
  • {{SVGElement("meshrow")}}
  • {{SVGElement("metadata")}}
  • {{SVGElement("mpath")}}

P

  • {{SVGElement("path")}}
  • {{SVGElement("pattern")}}
  • {{SVGElement("polygon")}}
  • {{SVGElement("polyline")}}

R

  • {{SVGElement("radialGradient")}}
  • {{SVGElement("rect")}}

S

  • {{SVGElement("script")}}
  • {{SVGElement("set")}}
  • {{SVGElement("solidcolor")}}
  • {{SVGElement("stop")}}
  • {{SVGElement("style")}}
  • {{SVGElement("svg")}}
  • {{SVGElement("switch")}}
  • {{SVGElement("symbol")}}

T

  • {{SVGElement("text")}}
  • {{SVGElement("textPath")}}
  • {{SVGElement("title")}}
  • {{SVGElement("tspan")}}

U

  • {{SVGElement("unknown")}}
  • {{SVGElement("use")}}

V

  • {{SVGElement("view")}}

SVG 元素（按类别分类）

动画元素

{{SVGElement("animate")}}、{{SVGElement("animateColor")}}、{{SVGElement("animateMotion")}}、{{SVGElement("animateTransform")}}、{{SVGElement("mpath")}}、{{SVGElement("set")}}

基本形状元素

{{SVGElement("circle")}}、{{SVGElement("ellipse")}}、{{SVGElement("line")}}、{{SVGElement("polygon")}}、{{SVGElement("polyline")}}、{{SVGElement("rect")}}

容器元素

{{SVGElement("a")}}、{{SVGElement("defs")}}、{{SVGElement("g")}}、{{SVGElement("marker")}}、{{SVGElement("mask")}}、{{SVGElement("missing-glyph")}}、{{SVGElement("pattern")}}、{{SVGElement("svg")}}、{{SVGElement("switch")}}、{{SVGElement("symbol")}}、{{SVGElement("unknown")}}

描述性元素

{{SVGElement("desc")}}、{{SVGElement("metadata")}}、{{SVGElement("title")}}

滤镜元素

{{SVGElement("feBlend")}}、{{SVGElement("feColorMatrix")}}、{{SVGElement("feComponentTransfer")}}、{{SVGElement("feComposite")}}、{{SVGElement("feConvolveMatrix")}}、{{SVGElement("feDiffuseLighting")}}、{{SVGElement("feDisplacementMap")}}、{{SVGElement("feDropShadow")}}、{{SVGElement("feFlood")}},{{SVGElement("feFuncA")}}、{{SVGElement("feFuncB")}}、{{SVGElement("feFuncG")}}、{{SVGElement("feFuncR")}},{{SVGElement("feGaussianBlur")}}、{{SVGElement("feImage")}}、{{SVGElement("feMerge")}}、{{SVGElement("feMergeNode")}}、{{SVGElement("feMorphology")}}、{{SVGElement("feOffset")}}、{{SVGElement("feSpecularLighting")}}、{{SVGElement("feTile")}}、{{SVGElement("feTurbulence")}}

字体元素

{{SVGElement("font")}}、{{SVGElement("font-face")}}、{{SVGElement("font-face-format")}}、{{SVGElement("font-face-name")}}、{{SVGElement("font-face-src")}}、{{SVGElement("font-face-uri")}}、{{SVGElement("hkern")}}、{{SVGElement("vkern")}}

渐变元素

{{SVGElement("linearGradient")}}、{{SVGElement("meshgradient")}}、{{SVGElement("radialGradient")}}、{{SVGElement("stop")}}

图形元素

{{SVGElement("circle")}}、{{SVGElement("ellipse")}}、{{SVGElement("image")}}、{{SVGElement("line")}}、{{SVGElement("mesh")}}、{{SVGElement("path")}}、{{SVGElement("polygon")}}、{{SVGElement("polyline")}}、{{SVGElement("rect")}}、{{SVGElement("text")}}、{{SVGElement("use")}}

图像渲染元素

{{SVGElement("mesh")}}、{{SVGElement("use")}}

光源元素

{{SVGElement("feDistantLight")}}、{{SVGElement("fePointLight")}}、{{SVGElement("feSpotLight")}}

非渲染元素

{{SVGElement("clipPath")}}、{{SVGElement("defs")}}、{{SVGElement("hatch")}}、{{SVGElement("linearGradient")}}、{{SVGElement("marker")}}、{{SVGElement("mask")}}、{{SVGElement("meshgradient")}}、{{SVGElement("metadata")}}、{{SVGElement("pattern")}}、{{SVGElement("radialGradient")}}、{{SVGElement("script")}}、{{SVGElement("style")}}、{{SVGElement("symbol")}}、{{SVGElement("title")}}

绘制服务器元素

{{SVGElement("hatch")}}、{{SVGElement("linearGradient")}}、{{SVGElement("meshgradient")}}、{{SVGElement("pattern")}}、{{SVGElement("radialGradient")}}、{{SVGElement("solidcolor")}}

可渲染元素

{{SVGElement("a")}}、{{SVGElement("circle")}}、{{SVGElement("ellipse")}}、{{SVGElement("foreignObject")}}、{{SVGElement("g")}}、{{SVGElement("image")}}、{{SVGElement("line")}}、{{SVGElement("mesh")}}、{{SVGElement("path")}}、{{SVGElement("polygon")}}、{{SVGElement("polyline")}}、{{SVGElement("rect")}}、{{SVGElement("svg")}}、{{SVGElement("switch")}}、{{SVGElement("symbol")}}、{{SVGElement("text")}}、{{SVGElement("textPath")}}、{{SVGElement("tspan")}}、{{SVGElement("unknown")}}、{{SVGElement("use")}}

形状元素

{{SVGElement("circle")}}、{{SVGElement("ellipse")}}、{{SVGElement("line")}}、{{SVGElement("mesh")}}、{{SVGElement("path")}}、{{SVGElement("polygon")}}、{{SVGElement("polyline")}}、{{SVGElement("rect")}}

结构元素

{{SVGElement("defs")}}、{{SVGElement("g")}}、{{SVGElement("svg")}}、{{SVGElement("symbol")}}、{{SVGElement("use")}}

文本内容元素

{{SVGElement("glyph")}}、{{SVGElement("glyphRef")}}、{{SVGElement("textPath")}}、{{SVGElement("text")}}、{{SVGElement("tref")}}、{{SVGElement("tspan")}}

文本子内容元素

{{SVGElement("textPath")}}、{{SVGElement("tref")}}、{{SVGElement("tspan")}}

未分类元素

{{SVGElement("clipPath")}}、{{SVGElement("color-profile")}}、{{SVGElement("cursor")}}、{{SVGElement("filter")}}、{{SVGElement("foreignObject")}}、{{SVGElement("hatchpath")}}、{{SVGElement("meshpatch")}}、{{SVGElement("meshrow")}}、{{SVGElement("script")}}、{{SVGElement("style")}}、{{SVGElement("view")}}

过时和弃用的元素

Warning

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

C

{{SVGElement("cursor")}}

F

{{SVGElement("font")}}、{{SVGElement("font-face")}}、{{SVGElement("font-face-format")}}、{{SVGElement("font-face-name")}}、{{SVGElement("font-face-src")}}、{{SVGElement("font-face-uri")}}

G

{{SVGElement("glyph")}}、{{SVGElement("glyphRef")}}

H

{{SVGElement("hkern")}}

M

{{SVGElement("missing-glyph")}}

T

{{SVGElement("tref")}}

V

{{SVGElement("vkern")}}

参见