内联SVG包括外部SVG但未应用掩码

Question

我正在考虑改变将SVG嵌入我的网站的方式。目前，我使用的是<img>代码，但它们提供的transition功能有限。

这就是我构建SVG图形的方式：

<svg xmlns... viewBox...>
  <defs>
    <mask id="mask">
      <!-- ... -->
    </mask>
  </defs>
  <g fill... mask="url(#mask)">
    <circle...>
  </g>
</svg>

这就是我试图嵌入它们的方式：

<!-- div -->
  <svg viewBox...>
    <use xlink:href="/path/to/image.svg"></use>
  </svg>
<!-- /div -->

Firefox和Chrome都在填充颜色中显示圆圈，但只有Firefox正在应用遮罩。这是无法接受的。当然，我可以将circle移动到内联SVG并从那里引用掩码，但我没有尝试过，我不打算这样做。