y
y
属性在用户坐标系统中标识了一个 y 轴坐标。
你可以在以下 SVG 元素中使用该属性:
<cursor>
<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>
<glyphRef>
<image>
<mask>
<pattern>
<rect>
<svg>
<symbol>
<text>
<tref>
<tspan>
<use>
示例
html
<svg viewBox="0 0 100 300" xmlns="http://www.w3.org/2000/svg">
<rect y="20" x="20" width="60" height="60" />
<rect y="120" x="20" width="60" height="60" />
<rect y="220" x="20" width="60" height="60" />
</svg>
use
For <use>
, y
defines the y coordinate of the upper left corner of the referenced element.
值 | <length> | <percentage> |
---|---|
默认值 | 0 |
可变性 | 是 |
备注:
从 SVG2 开始,y
变为几何属性,这意味着该元素也可以用作使用的元素的 CSS 属性。