Snap SVG浏览器兼容性

Question

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

JS：

var pinguin = Snap("#pinguin");

Snap.load("pinguin.svg", bodyload ) ;
function bodyload( data ){     
    pinguin.append( data );
};

HTML：

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

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

我试图制作一个小提琴，但fiddle doesn't work.

相反，代码和显示可以到达：http://www.pinguin.moe/

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

Answer 1

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

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