SVG LineElement.x1 属性

SVG 线条元素 （<line>）是一条直线的基本元素，它是通过起点和终点的坐标定义的。 x1 属性定义线条的起点 x 坐标。

语法

<line x1="x1value" />

属性值

x1value：必须指定，表示线条起点的 x 坐标。

• 常用单位：px（像素）、em、rem（相对单位）。

实例

<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg">
  <line x1="10" y1="10" x2="90" y2="90" stroke="black"/>
</svg>

运行结果：

SVG LineElement.x1 和 SVG LineElement.y1

SVG 线条元素可以使用 x1 和 y1 属性定义起点的 x 和 y 坐标，类似的，可以使用 x2 和 y2 定义终点的坐标。

<line x1="x1value" y1="y1value" x2="x2value" y2="y2value" />

注意事项

• x1 属性只适用于 <line> 元素。
• 如果未指定 x1 属性，则默认为 0。
• x1 值必须是合法的数值或长度。
• 在 SVG 中，坐标轴的原点是左上角，x 轴正方向向右，y 轴正方向向下。