08、SVG 线段 <line>

<line> 元素可以用来画线段

SVG 线段 `<line>`

<line> 元素可以用来画线段

线段的起始坐标可以用 x1 和 y1 来定义线段的终点坐标可以用 x2 和 y2 来定义

我们来画一条线段,起始坐标是 (5,5)，终点左边是 (100,100)

<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<line x1="5" y1="5" x2="100" y2="100" style="stroke:rgb(255,0,0);stroke-width:2"/>
</svg>

对于 Opera 9以下用户：查看 SVG 文件（右键单击 SVG 图形预览源）

我们知道 线段(line) 有起始坐标(x1,y1)和终点坐标(x2,y2)，那么