<line>

<line> 元素是 SVG 基本形狀，用於建立連線兩點的直線。

示例

html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <line x1="0" y1="80" x2="100" y2="20" stroke="black" />

  <!-- If you do not specify the stroke
       color the line will not be visible -->
</svg>

屬性

x1

定義直線起點的 x 軸座標。值型別：<length>|<percentage>|<number>；預設值：0；可動畫：是

x2

定義直線終點的 x 軸座標。值型別：<length>|<percentage>|<number>；預設值：0；可動畫：是

y1

定義直線起點的 y 軸座標。值型別：<length>|<percentage>|<number>；預設值：0；可動畫：是

y2

定義直線終點的 y 軸座標。值型別：<length>|<percentage>|<number>；預設值：0；可動畫：是

pathLength

以使用者單位定義總路徑長度。值型別：<number>；預設值：無；可動畫：是

使用上下文

類別基本形狀元素、圖形元素、形狀元素
允許內容任意數量的以下元素，按任意順序
動畫元素
描述性元素

規範

規範
可縮放向量圖形 (SVG) 2
# LineElement

瀏覽器相容性

BCD 表格僅在啟用 JavaScript 的瀏覽器中載入。

另請參閱