x
x 属性在用户坐标系统中标识了一个 x 轴坐标。
你可以在以下 SVG 元素中使用该属性:
<feBlend><feColorMatrix><feComponentTransfer><feComposite><feConvolveMatrix><feDiffuseLighting><feDisplacementMap><feDropShadow><feFlood><feFuncA><feFuncB><feFuncG><feFuncR><feGaussianBlur><feImage><feMerge><feMergeNode><feMorphology><feOffset><fePointLight><feSpecularLighting><feSpotLight><feTile><feTurbulence><filter><foreignObject><image><mask><pattern><rect><svg><symbol><text><tspan><use>
示例
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 属性。