非常教程

SVG参考手册

分类 | Elements

Elements

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

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>

SVG

可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式。它由万维网联盟制定,是一个开放标准。