SVG 属性参考

SVG 元素可以通过属性来修改，这些属性指定有关如何处理或呈现元素的详细信息。下面列出了 SVG 中所有的可用属性以及参考文档的链接，以帮助您了解哪些元素支持它们，以及它们如何工作。

SVG 元素（从 A-Z 排序）

A

B

C

D

E

F

G

H

I

K

L

M

N

name
numOctaves

O

P

R

S

T

U

V

W

X

Y

y
y1
y2
yChannelSelector

Z

z
zoomAndPan

SVG 元素（按类别分类）

Generic Attributes

核心属性

id, lang, tabindex, xml:base, xml:lang, xml:space

样式属性

class, style

条件处理属性

externalResourcesRequired, requiredExtensions, requiredFeatures, systemLanguage.

XLink 属性

xlink:href, xlink:type, xlink:role, xlink:arcrole, xlink:title, xlink:show, xlink:actuate

显示属性

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

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

滤镜属性

滤镜原始属性

height, result, width, x, y

传递函数属性

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

动画属性

动画属性目标属性

attributeType, attributeName

动画时间属性

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

动画取值属性

calcMode, values, keyTimes, keySplines, from, to, by, autoReverse, accelerate, decelerate

动画额外属性

additive, 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

参见