SVG 属性参考
微wx笑 2023-01-03【网页网站】 0 0关键字: SVG
SVG 元素可以通过属性来修改,这些属性指定有关如何处理或呈现元素的详细信息。下面列出了 SVG 中所有的可用属性以及参考文档的链接,以帮助您了解哪些元素支持它们,以及它们如
SVG 元素可以通过属性来修改,这些属性指定有关如何处理或呈现元素的详细信息。下面列出了 SVG 中所有的可用属性以及参考文档的链接,以帮助您了解哪些元素支持它们,以及它们如何工作。
备注: 所有 SVG 显示属性都可以作为 CSS 属性来使用。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
XLink 属性
显示属性
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
, 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
事件属性
动画事件属性 (en-US)
onbegin
, onend
, onrepeat
文档事件属性 (en-US)
onabort
, onerror
, onresize
, onscroll
, onunload
全局事件属性 (en-US)
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
图像事件属性 (en-US)
onactivate
, onfocusin
, onfocusout
参见
转自:https://developer.mozilla.org/zh-CN/docs/Web/SVG/Attribute
本文为转载文章,版权归原作者所有,不代表本站立场和观点。