在 SVG 中包含 SVG 文件

Question

我在我的 SVG 文件的 defs 部分有一个 linearGradient，并用 fill="url(#myGradientName)"引用它。到目前为止效果很好。

我想我应该能够将我的整个 defs 部分放在它自己的 SVG 文件中，然后从我所有的 SVG 图像中引用它。也就是说，类似于:

样式.svg:

<svg xmlns=...>
  <defs>
    <linearGradient id="myGradient" ...>
    </linearGradient>
  </defs>
</svg>

图像.svg:

<svg xmlns=...>
  <rect width="100" height="100" fill="styles.svg#myGradient"/>
</svg>

但我似乎无法应用这种风格。对于此文件 (styles.svg#myGradient) 外部的 ID，我是否有错误的语法？我是否需要先以某种方式明确包含该文件？

我一直在倾注 SVG 规范，看起来这应该是可能的，但没有一个示例实际上表明它已经完成。

编辑:FOP FAQ建议正确的语法是 fill="url(grad.svg#PurpleToWhite)"，但这在 Gecko 或 Webkit 中不起作用。这是正确的，没有人支持它，还是我做错了什么？

Answer 1

看起来这仅在 Firefox 3.1 下受支持.