SVGRect：x 属性

该 x 属性描述了元素位置的水平坐标。

使用上下文

名称	x
值	<length> \| <percentage>
初始值	0
应用于	`<mask>`，'svg'，'rect'，'image'，'foreignObject'
继承	否
百分比	指的是当前视口的大小（参见单位）
媒体	视觉
计算值	绝对长度或百分比
可动画	是

简单用法

<coordinate> 是用户坐标系中的一个长度，它是在用户坐标系原点沿着相关轴（对于 X 坐标是 x 轴，对于 Y 坐标是 y 轴）的给定距离。其语法与 <length> 的语法相同。

html

<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect x="10" y="0" width="40" height="40" fill="blue"></rect>
</svg>

<svg width="100" height="50" xmlns="http://www.w3.org/2000/svg">
  <rect x="40" y="0" width="40" height="40" fill="green"></rect>
</svg>

规范

未找到规范

未找到 api.SVGRect.x 的规范数据。
检查此页面是否存在问题或为其贡献缺少的 spec_url 到 mdn/browser-compat-data。还要确保规范包含在 w3c/browser-specs.

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。