x

x 属性在用户坐标系统中标识了一个 x 轴坐标。

你可以在以下 SVG 元素中使用该属性：

示例

html
<svg viewBox="0 0 300 100" xmlns="http://www.w3.org/2000/svg">
  <rect x="20" y="20" width="60" height="60" />
  <rect x="120" y="20" width="60" height="60" />
  <rect x="220" y="20" width="60" height="60" />
</svg>

use

对于 <use> 元素，x 定义了引用元素的左上角的 x 坐标。

值 <length> | <percentage>
默认值 0
可变性 是

备注： 从 SVG2 开始，x 变为几何属性，这意味着该元素也可以用作使用的元素的 CSS 属性。

规范

Specification
Filter Effects Module Level 1
# element-attrdef-filter-x
Filter Effects Module Level 1
# element-attrdef-fespotlight-x
Filter Effects Module Level 1
# element-attrdef-fepointlight-x
Filter Effects Module Level 1
# element-attrdef-filter-primitive-x
CSS Masking Module Level 1
# element-attrdef-mask-x
Scalable Vector Graphics (SVG) 2
# X
Scalable Vector Graphics (SVG) 2
# PatternElementXAttribute
Scalable Vector Graphics (SVG) 2
# TextElementXAttribute