在SVG中包含SVG文件

Question

我的SVG文件的defs部分中有一个linearGradient,并用fill ="url(#myGradientName)"引用它.到目前为止,这很有效.

我想我应该能够将我的整个defs部分放在自己的SVG文件中,然后从我所有的SVG图像中引用它.就是这样的:

styles.svg:

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

image.svg:

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

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

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

编辑:FOP常见问题解答表明正确的语法是fill ="url(grad.svg#PurpleToWhite)",但这在Gecko或Webkit中不起作用.这是正确的,没有人支持它,或者我做错了什么？

Answer 1

看来只有Firefox 3.1支持此功能。