如何在SVG文档中引用外部定义？

Question

我不想尝试像CSS等那样的网络内容。我只想为我的项目创建精确的矢量图形。

简化，我有两个文件：

external.svg

<?xml version="1.0" encoding="utf-8"?>
<svg id="child" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <circle id="circ" cx="50" cy="50" r="20" fill="black" stroke="green"/>
  </defs>
</svg>

test.svg

<?xml version="1.0" encoding="utf-8"?>
<svg id="parent"
     viewBox="0 0 100 100"
     width="100" height="100"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
  <defs>
    <circle id="mycirc" cx="50" cy="50" r="40" fill="blue" stroke="black" stroke-width="5"/>
  </defs>

  <use xlink:href="#mycirc" />
  <use xlink:href="external.svg#circ" />
</svg>

我希望得到

但相反，我得到了

浏览器（Chrome 54）似乎无法解析the external.svg#circ IRI。

我正在使用的一些外部参考非常大，所以我不想处理它们（例如导航它们等等），因为我正在进行其他调整。