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 上查看此页面 • 报告此内容的问题