Javascript SnapSVG浏览器不兼容

为什么这段代码在chrome而不是firefox中运行顺畅？ 我使用SnapSVG

JS:

Html:

我在Chrome上得到了什么： 我在Firefox上得到了什么：

我试着拉小提琴，但琴响了

相反，可以在此处获取代码和显示：

---

您知道如何修复Firefox上的显示吗？

我认为您需要为外部SVG添加宽度和高度。svg文件中有一个，但主页上的标记中没有。例如，如果您将其设置为800600，它应该可以工作

<svg id="pinguin" preserveaspectratio="xMinYMin meet" viewbox="0 0 300 750" width="800" height="600">

---

谢谢，但是SVG并不像我在Chrome上看到的那样，以一种响应的方式占据了整个屏幕。我的意思是，现在在Chrome上，SVG占据了全屏高度，即使用户调整窗口大小，这要归功于PreserveSpectratio属性。但当删除宽度和高度时，它不会保持该比率：

<svg id="pinguin" ></svg>
<script src="snap.svg.js"></script>
<script src="main.js"></script>

<svg id="pinguin" preserveaspectratio="xMinYMin meet" viewbox="0 0 300 750" width="800" height="600">