SVG 属性参考

SVG 元素可以通过属性来修改,这些属性指定了关于元素应该如何被处理或渲染的详细信息。

下面列出了 SVG 中所有可用的属性,并附有参考文档的链接,以帮助你了解哪些元素支持它们以及它们如何工作。

SVG 属性 A 到 Z

A

B

C

D

E

F

G

H

I

K

L

M

N

O

P

R

S

T

U

V

W

X

Y

Z

按类别划分的 SVG 属性

核心属性

核心属性是全局属性。

条件处理属性

条件处理属性控制其出现的元素是否被处理。

XLink 属性可以引用资源。

呈现属性

所有 SVG 呈现属性都可以用作 CSS 属性。

注意:这些属性是否为呈现属性取决于它们所设置的元素。例如,对于不支持的模板: svgelemx 是一个呈现属性,但对于不支持的模板: svgelem则不是;它是文本基线的起始点的坐标,如果提供了值列表,则为每个单独字形的 x 坐标。

滤镜属性

滤镜基元属性(呈现属性)

height, result, width, x, y

传递函数属性

type, tableValues, slope, intercept, amplitude, exponent, offset

动画属性

动画目标元素属性
href
动画属性目标属性

attributeType, attributeName

动画时间属性

begin, dur, end, min, max, restart, repeatCount, repeatDur, fill

动画值属性

calcMode, values, keyTimes, keySplines, from, to, by

动画添加属性

additive, accumulate

事件属性

  • onabort
  • onactivate
  • onbegin
  • oncancel
  • oncanplay
  • oncanplaythrough
  • onchange
  • onclick
  • onclose
  • oncuechange
  • ondblclick
  • ondrag
  • ondragend
  • ondragenter
  • ondragleave
  • ondragover
  • ondragstart
  • ondrop
  • ondurationchange
  • onemptied
  • onend
  • onended
  • onerror
  • onfocus
  • onfocusin
  • onfocusout
  • oninput
  • oninvalid
  • onkeydown
  • onkeypress
  • onkeyup
  • onload
  • onloadeddata
  • onloadedmetadata
  • onloadstart
  • onmousedown
  • onmouseenter
  • onmouseleave
  • onmousemove
  • onmouseout
  • onmouseover
  • onmouseup
  • onmousewheel
  • onpause
  • onplay
  • onplaying
  • onprogress
  • onratechange
  • onrepeat
  • onreset
  • onresize
  • onscroll
  • onseeked
  • onseeking
  • onselect
  • onshow
  • onstalled
  • onsubmit
  • onsuspend
  • ontimeupdate
  • ontoggle
  • onunload
  • onvolumechange
  • onwaiting

另见