集册 SVG 教程 SVG 直线

SVG 直线

—— 原文标题： SVG

Xebcnor     最近更新时间：2020-10-29 10:52:27

569

SVG <line>

SVG 直线 - <line>

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

下面是SVG代码：

实例

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
  <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 轴定义线条的结束