使用语境
属性
x1-
定义线条起点的 X 轴坐标。值类型：<length> | <percentage> | <number>；默认值：
0；可动画：是 x2-
定义线条终点的 X 轴坐标。值类型：<length> | <percentage> | <number>；默认值：
0；可动画：是 y1-
定义线条起点的 Y 轴坐标。值类型：<length> | <percentage> | <number>；默认值：
0；可动画：是 y2-
定义线条终点的 Y 轴坐标。值类型：<length> | <percentage> | <number>；默认值：
0；可动画：是 路径长度-
定义用户单位的总路径长度。值类型：<number>；默认值：无；可动画：是
DOM 接口
此元素实现了 SVGLineElement 接口。
示例
html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="80" x2="100" y2="20" stroke="black" />
<!-- If you do not specify the stroke
color the line will not be visible -->
</svg>
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # LineElement |
浏览器兼容性
加载中…
另见
- 其他 SVG 基本形状：
<circle>、<ellipse>、<polygon>、<polyline>、<rect>