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

另请参阅