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 属性(按类别分类)

Generic Attributes

核心属性

id, lang (en-US), tabindex (en-US), xml:base (en-US), xml:lang (en-US), xml:space (en-US)

样式属性

class (en-US), style

条件处理属性

externalResourcesRequired, requiredExtensions, requiredFeatures (en-US), systemLanguage (en-US).

xlink:href (en-US), xlink:type (en-US), xlink:role, xlink:arcrole (en-US), xlink:title (en-US), xlink:show (en-US), xlink:actuate

显示属性

注意,所有 SVG 显示属性都可以作为 CSS 属性来使用。

alignment-baseline, baseline-shift, clip, clip-path, clip-rule (en-US), color, color-interpolation (en-US), color-interpolation-filters (en-US), color-profile (en-US), color-rendering (en-US), cursor (en-US), direction (en-US), display, dominant-baseline, enable-background, fill, fill-opacity, fill-rule, filter, flood-color (en-US), flood-opacity (en-US), font-family, font-size (en-US), font-size-adjust (en-US), font-stretch (en-US), font-style (en-US), font-variant (en-US), font-weight (en-US), glyph-orientation-horizontal (en-US), glyph-orientation-vertical (en-US), image-rendering, kerning (en-US), letter-spacing, lighting-color (en-US), marker-end, marker-mid (en-US), marker-start, mask, opacity, overflow, pointer-events, shape-rendering, stop-color (en-US), stop-opacity (en-US), stroke, stroke-dasharray, stroke-dashoffset, stroke-linecap, stroke-linejoin, stroke-miterlimit, stroke-opacity, stroke-width, text-anchor, transform, text-decoration, text-rendering (en-US), unicode-bidi (en-US), vector-effect, visibility, word-spacing (en-US), writing-mode (en-US)

滤镜属性

滤镜原始属性

height, result, width, x, y

传递函数属性

type, tableValues (en-US), slope (en-US), intercept (en-US), amplitude (en-US), exponent (en-US), offset

动画属性

动画属性目标属性

attributeType, attributeName

动画时间属性

begin, dur, end, min (en-US), max, restart (en-US), repeatCount, repeatDur (en-US), fill

动画取值属性

calcMode, values, keyTimes, keySplines (en-US), from, to (en-US), by (en-US), autoReverse, accelerate, decelerate

动画额外属性

additive (en-US), accumulate

事件属性

动画事件属性

onbegin, onend, onrepeat

文档事件属性

onabort, onerror, onresize, onscroll, onunload

全局事件属性

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

图像事件属性

onactivate, onfocusin, onfocusout

参见