SVG 形狀學習之——SVG 線

 

<line> 標籤用來創建線條。

 

 

<line> 標籤

<line> 標籤用來創建線條。

請把下面的代碼拷貝到記事本，然後把文件保存爲 "line1.svg"。把此文件放入您的 web 目錄：

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" 
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<svg width="100%" height="100%" version="1.1"
xmlns="http://www.w3.org/2000/svg">

<line x1="0" y1="0" x2="300" y2="300"
style="stroke:rgb(99,99,99);stroke-width:2"/>

</svg>

 

 

代碼解釋：

• x1 屬性在 x 軸定義線條的開始
• y1 屬性在 y 軸定義線條的開始
• x2 屬性在 x 軸定義線條的結束
• y2 屬性在 y 軸定義線條的結束