Snap.svg加载外部svg文件在Firefox中无法正常显示

Question

我尝试将用Emberjs编写的旧项目导入到新的angular2项目中。在emberjs中，我以前的伙伴正在加载外部svg文件，如下所示：

<object id="svgobj" class="scaling-svg" data="/images/monitor.svg?v=3"
        type="image/svg+xml"></object>

然后在JS

this.$('#svgobj')[0].addEventListener('load', function() {
      _snap = Snap("#svgobj");  
      self.registerCpuUsageControllerEvent();
      svgTooltip(_snap);
      self.go();
    });

我不喜欢这种方式，我试图像这样加载svg：

<div id="svgobj" class="scaling-svg"></div>

JS：

Snap.load("/images/monitor.svg", (loadedFragment => {
            $("#svgobj").append(loadedFragment.node);
            this._snap = new Snap("#svgobj svg");
            this.svgObj = true;
            this.start();
        }));

但现在它在Firefox中不起作用..下面有两个截图。

铬：

的FireFox

因此，如果我以旧的方式加载它，它就像在Chrome中一样，如果我使用Snap.load它就会崩溃。