refX

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

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

marker

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

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

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

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

<number>

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

left

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

center

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

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

symbol

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

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

注意: 出於向後相容性的考慮,當 <symbol> 元素上未指定 refX 時的行為與指定值為 0 時的行為不同,因此與在 <marker> 元素上未指定等效屬性時的行為也不同。

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

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

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

<number>

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

left

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

center

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

right

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

規範

規範
Scalable Vector Graphics (SVG) 2
# MarkerElementRefXAttribute
Scalable Vector Graphics (SVG) 2
# SymbolElementRefXAttribute

另見