y2
y2
对于<line>元素,这个属性定义了行尾的y轴坐标。如果未指定属性,则效果就好像指定了值0。
对于该<lineargradient>元素,此属性定义<stop>元素映射到的矢量渐变的末端的y轴坐标。如果未指定属性,则效果就好像指定了0%的值。
使用上下文
Categories | None |
---|---|
Value | <coordinate> |
Animatable | Yes |
Normative document | SVG 1.1 (2nd Edition): The line element SVG 1.1 (2nd Edition): The linearGradient element |
<coordinate>
<坐标>是用户坐标系中的长度,它是用户坐标系原点沿着相关轴(X坐标的X轴,Y坐标的Y轴)的给定距离。它的语法与<length>相同。
在SVG DOM中,一个<坐标>被表示为一个SVGLength或一个SVGAnimatedLength。
示例
<line>元素上的y2属性
Source code | Output result |
---|---|
<?xml version="1.0"?> <svg width="120" height="120" viewPort="0 0 120 120" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line y2="10" x2="110" x1="10" y1="60" stroke="black" /> <line y2="60" x2="110" x1="10" y1="60" stroke="black" /> <line x2="110" y2="110" x1="10" y1="60" stroke="black" /> </svg> | |
» y2.svg
<lineargradient>元素上的y2属性
Source code | Output result |
---|---|
<?xml version="1.0"?> <svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" > <defs> <linearGradient id="MyGradient"> <stop offset="5%" stop-color="green"/> <stop offset="95%" stop-color="gold"/> </linearGradient> </defs> <rect fill="url(#MyGradient)" x="10" y="10" width="100" height="100"/> </svg> | |
元素
以下元素可以使用该y2
属性
- <line>
- <lineargradient>