HTML SVG <line>

HTML SVG <line> 标签绘制一条直线。

使用

可以用 HTML <svg> 标签创建一个 SVG 元素，然后使用 <line> 标签绘制一条直线。

以下是一些常用的属性：

• x1: 直线的起始点 x 坐标。
• y1: 直线的起始点 y 坐标。
• x2: 直线的结束点 x 坐标。
• y2: 直线的结束点 y 坐标。
• stroke: 直线的颜色。
• stroke-width: 直线的宽度。

<svg width="100" height="100">
  <line x1="0" y1="0" x2="100" y2="100" stroke="black" stroke-width="2" />
</svg>

小结

HTML SVG <line> 标签可以用来绘制简单的直线。它有多个属性可以用来控制线条的颜色、宽度、起始点和结束点。这些属性可以通过设置元素的属性或使用 CSS 样式来实现。