<path>

Baseline 廣泛可用 *

此特性已相當成熟，可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來，各瀏覽器均已提供此特性。

* 此特性的某些部分可能存在不同級別的支援。

<path> SVG 元素是定義形狀的通用元素。所有基本形狀都可以透過 path 元素建立。

使用語境

分類	圖形元素、形狀元素
允許內容	可包含任意數量、任意順序的下列元素動畫元素描述性元素

屬性

d: 此屬性定義路徑的形狀。值型別：<字串>；預設值：''；可動畫：是
路徑長度: 此屬性允許作者指定路徑的總長度（以使用者單位表示）。值型別：<數字>；預設值：無；可動畫：是

DOM 介面

此元素實現了 SVGPathElement 介面。

示例

html,
body,
svg {
  height: 100%;
}

html

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 10,30
           A 20,20 0,0,1 50,30
           A 20,20 0,0,1 90,30
           Q 90,60 50,90
           Q 10,60 10,30 z" />
</svg>

規範

規範
Scalable Vector Graphics (SVG) 2 # PathElement

瀏覽器相容性

另見

SVG 基本形狀：<circle>、<ellipse>、<line>、<polygon>、<polyline>、<rect>
MDN SVG“入門”教程：Path

幫助改進 MDN

瞭解如何貢獻

此頁面最後修改於 ⁨2025年6月6日⁩，由 MDN 貢獻者修改。

在 GitHub 上檢視此頁面 • 報告此內容的問題