SVGPatternElement: href 屬性

Baseline 已廣泛支援

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

SVGPatternElement 介面的只讀屬性 href 反映了給定元素的 SVGPatternElement 或 href 或 xlink:href 已棄用屬性。

值

一個 SVGAnimatedString 物件。

示例

此示例演示了 <pattern> 元素中的 href 屬性如何引用另一個模式（#basePattern）來將其設計應用於矩形。

html

<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- First pattern definition -->
    <pattern
      id="basePattern"
      width="20"
      height="20"
      patternUnits="userSpaceOnUse">
      <circle cx="10" cy="10" r="10" fill="blue" />
    </pattern>
    <!-- Second pattern referencing the first -->
    <pattern id="pattern1" href="#basePattern" />
  </defs>
  <rect x="50" y="50" width="100" height="100" fill="url(#pattern1)" />
</svg>

規範

規範
Scalable Vector Graphics (SVG) 2 # __svg__SVGURIReference__href

瀏覽器相容性

幫助改進 MDN

瞭解如何貢獻

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

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