SVG <line>

SVG 直线 - <line>

<line> 元素用于创建一条线:

这是 SVG 代码:

<svg height="210" width="500">
  <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
</svg>

亲自试一试

代码解释:

  • x1 属性定义 x 轴上的线的起点
  • Thuộc tính y1 xác định điểm đầu của đường trên trục y
  • Thuộc tính x2 xác định điểm cuối của đường trên trục x
  • Thuộc tính y2 xác định điểm cuối của đường trên trục y