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

另见