SVG符号未在FireFox上显示

Question

简单代码：

<svg xmlns="http://www.w3.org/2000/svg" xmlnsXlink="http://www.w3.org/1999/xlink" viewBox="0 0 983.4 983.4">
     <symbol id="sym01" viewBox="0 0 150 110">
      <circle cx="50" cy="50" r="40" stroke-width="8" stroke="red" fill="red"/>
      <circle cx="90" cy="60" r="40" stroke-width="8" stroke="green" fill="white"/>
    </symbol> 

     <use href="#sym01" x="100" y="100" width="100" height="50"/>
</svg>

如果Chrome图标显示完美。

在Firefox（最新版本）中没有显示任何内容。

为什么？

Answer 1

Firefox仅支持xlink：href而不仅仅是href。

<svg viewBox="0 0 983.4 983.4">
     <symbol id="sym01" viewBox="0 0 150 110">
      <circle cx="50" cy="50" r="40" stroke-width="8" stroke="red" fill="red"/>
      <circle cx="90" cy="60" r="40" stroke-width="8" stroke="green" fill="white"/>
    </symbol> 

     <use xlink:href="#sym01" x="100" y="100" width="100" height="50"/>
</svg>