refX

refX 屬性定義元素參考點的 x 座標。

您可以將此屬性與以下 SVG 元素一起使用

標記

對於 <marker>refX 定義標記參考點的 x 座標,該座標將精確放置在形狀上的標記位置。

<length-percentage> | <number> | left | center | right
預設值 0
可動畫
<length-percentage>

長度被解釋為在標記內容的座標系中,應用 viewBoxpreserveAspectRatio 屬性之後。

百分比值被解釋為 viewBox 寬度的百分比。

<number>

數字被解釋為在標記內容的座標系中,應用 viewBoxpreserveAspectRatio 屬性之後。

left

標記的參考點放置在形狀的左邊緣。

center

標記的參考點放置在形狀的水平中心。

標記的參考點放置在形狀的右邊緣。

符號

對於 <symbol>refX 定義符號的 x 座標,該座標由 x 屬性以及 <symbol> 及其宿主 <use> 元素上的任何變換的累積效果定義。

與其他定位屬性不同,refX 被解釋為在符號內容的座標系中,應用 viewBoxpreserveAspectRatio 屬性之後。如果未指定該屬性,則不會進行水平調整,並且符號的矩形視口區域的左側(無論 viewBox 座標如何)都位於 x 座標處。

注意:為了向後相容,當 refX 未在 <symbol> 元素上指定時,其行為與使用 0 值指定它時不同,因此與在 <marker> 元素上未指定等效屬性時的行為不同。

<length> | left | center | right
預設值
可動畫
<length-percentage>

長度被解釋為在標記內容的座標系中,應用 viewBoxpreserveAspectRatio 屬性之後。

百分比值被解釋為 viewBox 寬度的百分比。

<number>

數字被解釋為在標記內容的座標系中,應用 viewBoxpreserveAspectRatio 屬性之後。

left

標記的參考點放置在形狀的左邊緣。

center

標記的參考點放置在形狀的水平中心。

right

標記的參考點放置在形狀的右邊緣。

規範

規範
可縮放向量圖形 (SVG) 2
# MarkerElementRefXAttribute
可縮放向量圖形 (SVG) 2
# SymbolElementRefXAttribute

另請參閱