[SVG] 4. line 直線元素

svg 可以使用 line 標籤,來建立直線圖形。

使用方法

基本語法:

<svg>
  <line x1="5" y1="5" x2="50" y2="50" stroke="#abcdef" />
</svg>
  • x1y1:分別是相對於 svg 元素最左上角的xy軸。是直線的起始點。
  • x2y2:分別是相對於 svg 元素最左上角的xy軸。是直線的終點。
  • stroke:一般的屬性,表示該直線的顏色。

範例

您可在此處留言

avatar

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料

  Subscribe  
Notify of