SVG <线条>

SVG 直线 - <线条>

<line> 元素是用来创建一个直线:

抱歉,您的浏览器不支持内联 SVG。

下面是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 轴定义线条的开始
  • y1 属性在 y 轴定义线条的开始
  • x2 属性在 x 轴定义线条的结束
  • y2 属性在 y 轴定义线条的结束