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 屬性
XLink 屬性可以引用資源。
xlink:href已棄用xlink:type已棄用xlink:role已棄用xlink:arcrole已棄用xlink:title已棄用xlink:show已棄用xlink:actuate已棄用
呈現屬性
所有 SVG 呈現屬性都可以用作 CSS 屬性。
注意:這些屬性是否為呈現屬性取決於它們所設定的元素。例如,對於不支援的模板: svgelem,x 是一個呈現屬性,但對於不支援的模板: svgelem則不是;它是文字基線的起始點的座標,如果提供了值列表,則為每個單獨字形的 x 座標。
alignment-baselinebaseline-shiftclipclip-pathclip-rulecolorcolor-interpolationcolor-interpolation-filterscursorcxcyddirectiondisplaydominant-baselinefillfill-opacityfill-rulefilterflood-colorflood-opacityfont-familyfont-sizefont-size-adjustfont-stretchfont-stylefont-variantfont-weightglyph-orientation-horizontal字形方向-垂直heightimage-renderingletter-spacinglighting-colormarker-endmarker-midmarker-startmaskmask-typeopacityoverflowpointer-eventsrrxryshape-renderingstop-colorstop-opacitystrokestroke-dasharraystroke-dashoffsetstroke-linecapstroke-linejoinstroke-miterlimitstroke-opacitystroke-widthtext-anchortext-decorationtext-overflowtext-renderingtransformtransform-originunicode-bidivector-effectvisibilitywidthwhite-spaceword-spacingwriting-modexy
濾鏡屬性
動畫屬性
事件屬性
onabortonactivateonbeginoncanceloncanplayoncanplaythroughonchangeonclickoncloseoncuechangeondblclickondragondragendondragenterondragleaveondragoverondragstartondropondurationchangeonemptiedonendonendedonerroronfocusonfocusinonfocusoutoninputoninvalidonkeydownonkeypressonkeyuponloadonloadeddataonloadedmetadataonloadstartonmousedownonmouseenteronmouseleaveonmousemoveonmouseoutonmouseoveronmouseuponmousewheelonpauseonplayonplayingonprogressonratechangeonrepeatonresetonresizeonscrollonseekedonseekingonselectonshowonstalledonsubmitonsuspendontimeupdateontoggleonunloadonvolumechangeonwaiting