SVG defs 元素

2025 年 3 月 17 日 | 阅读 1 分钟

SVG <defs> 元素用于嵌入可在 SVG 图像内部重复使用的定义。

使用 SVG <defs> 元素,可以将 SVG 形状组合在一起并将其重用为单个形状。

在 <defs> 元素内定义的形状将在您通过 <use> 元素引用它时显示。

示例

立即测试

说明

  • <g> 的 id 属性定义一个唯一的名称。
  • <use> 元素通过其 xlink:href 属性引用 <g> 元素。
  • # 符号定义属性值。
  • <use> 元素用于通过其 x 和 y 属性指定在哪里显示重用的形状。

下一个主题SVG Symbol 元素