Javascript svg平移缩放在100%的时间内不工作

我使用svg pan zoom库（），它在我的站点上的页面上工作的时间约为75%（在最新版本的Chrome和Firefox中）

因为我假设这是由于我的一些错误配置，我想知道我是否犯了一个错误，或者是否有特定的场景可能导致这一点

我的代码：

(function (mw, $) {

   $(document).ready(function () {

        panZoomInstance = svgPanZoom('#stylometricanalysis-svg1', {
            zoomEnabled: true,
            controlIconsEnabled: true,
            fit: true,
            center: true,
            minZoom: 0.1
        });

        panZoomInstance = svgPanZoom('#stylometricanalysis-svg2', {
            zoomEnabled: true,
            controlIconsEnabled: true,
            fit: true,
            center: true,
            minZoom: 0.1
        });

    });

}(mediaWiki, jQuery));

错误：

145 TypeError: this.options.svg.createSVGMatrix is not a function 

库版本：3.2.9

<object class='stylometricanalysis-image' id='stylometricanalysis-svg1' type='image/svg+xml' data='/some/path/to/svg/file.svg'>Your browser does not support SVG files, and so your visualization cannot display</object>

<object class='stylometricanalysis-image' id='stylometricanalysis-svg2' type='image/svg+xml' data='/some/path/to/svg/file.svg'>Your browser does not support SVG files, and so your visualization cannot display</object>

您的浏览器不支持SVG文件，因此无法显示可视化
您的浏览器不支持SVG文件，因此无法显示可视化

动态加载SVG内容。 这意味着有时候JS启动时SVG内容可用，有时候不可用。如果不是，你就会出错

---

只有在SVG内容加载后，才能初始化svgPanZoom。看看你是怎么做到的。但基本上，在初始化svgPanZoom之前，您必须检查SVG是否已加载，如果未加载，则侦听加载事件。

动态加载SVG内容。 这意味着有时候JS启动时SVG内容可用，有时候不可用。如果不是，你就会出错

只有在SVG内容加载后，才能初始化svgPanZoom。看看你是怎么做到的。但基本上在初始化svgPanZoom之前，您必须检查SVG是否已加载，如果未加载，则侦听加载事件