Javascript SVG平移和缩放JS插件引发奇怪错误？_Javascript_Svg_Plugins

Javascript SVG平移和缩放JS插件引发奇怪错误？

javascript svg plugins

Javascript SVG平移和缩放JS插件引发奇怪错误？,javascript,svg,plugins,Javascript,Svg,Plugins,我在使用ariutta的脚本提供的在线演示运行良好，但每当我尝试在本地测试中实现它时，它都不会起作用。我想这可能是因为svg文件太大，所以我添加了一个按钮来初始化缩放和平移控件。当我按下按钮时，日志就会出现我收集了所有不同的浏览器错误日志：铬79.0.3945.130： Uncaught DOMException: Failed to execute 'queryCommandSupported' on 'Document': queryCommandSupported is only

我在使用ariutta的脚本

提供的在线演示运行良好，但每当我尝试在本地测试中实现它时，它都不会起作用。我想这可能是因为svg文件太大，所以我添加了一个按钮来初始化缩放和平移控件。当我按下按钮时，日志就会出现

我收集了所有不同的浏览器错误日志：

铬79.0.3945.130：

Uncaught DOMException: Failed to execute 'queryCommandSupported' on 'Document': queryCommandSupported is only supported on HTML documents.
    at chrome-extension://fbcohnmimjicjdomonkcbcpbpnhggkip/contentscripts/toolbarContentscript.js:5:42
adult-content.js:66 Uncaught (in promise) TypeError: Cannot read property 'addEventListener' of null
    at apologizeHangers (adult-content.js:66)
    at adult-content.js:111
    at Array.forEach (<anonymous>)
    at adult-content.js:110
svg-pan-zoom.min.js:3 Uncaught TypeError: Cannot read property 'documentElement' of null
    at Object.getSvg (svg-pan-zoom.min.js:3)
    at p (svg-pan-zoom.min.js:3)
    at enablePANandZOOM (embed.html:16)
    at HTMLButtonElement.onclick (embed.html:10)

IE11 11.973.17763.0

SCRIPT5: Zugriff verweigert(access denied translated)
svg-pan-zoom.min.js (3,28302)

Firefox 72.0.1（64位）

这是

embed.html

<!DOCTYPE html>
<html>

  <head>
    <script src="http://georodin.de/svg-pan-zoom.min.js"></script>
  </head>

  <body>
    <h1>Demo for svg-pan-zoom: SVG in HTML 'embed' element</h1>
    <button onclick="enablePANandZOOM()">Enable Zoom</button>
    <embed id="demo-tiger" type="image/svg+xml" style="width: 500px; height: 500px; border:1px solid black; " src="http://georodin.de/background_1.svg" />

    <script>
      function enablePANandZOOM() {
        svgPanZoom('#demo-tiger', {
          zoomEnabled: true,
          controlIconsEnabled: true
        });
      };


    </script>

  </body>

</html>


svg平移缩放演示：HTML“嵌入”元素中的svg
启用缩放
函数enablePANandZOOM（）{
svgPanZoom（“#演示老虎”{
可缩放：对，
ControlIConseabled:true
});
};

SVG正确显示，但控件不显示。此外，我无法像提供的演示中那样平移SVG。

您也需要在georodin.de上提供您的页面。您无法从文件系统页面访问任何其他文件。这确实有效。有没有机会让它也在本地运行？替换本地文件的路径无效。因此，我想这是svg-pan-zoom.min.js中的内容，您可以运行自己的本地web服务器并在那里部署文件。

TypeError: e.getSVGDocument(...) is nullsvg-pan-zoom.min.js:3:28306
    getSvg http://georodin.de/svg-pan-zoom.min.js:3
    p http://georodin.de/svg-pan-zoom.min.js:3
    enablePANandZOOM file:///C:/Users/***/Desktop/SpaceCitizen2D/embed.html:16
    onclick file:///C:/Users/***/Desktop/SpaceCitizen2D/embed.html:1

<!DOCTYPE html>
<html>

  <head>
    <script src="http://georodin.de/svg-pan-zoom.min.js"></script>
  </head>

  <body>
    <h1>Demo for svg-pan-zoom: SVG in HTML 'embed' element</h1>
    <button onclick="enablePANandZOOM()">Enable Zoom</button>
    <embed id="demo-tiger" type="image/svg+xml" style="width: 500px; height: 500px; border:1px solid black; " src="http://georodin.de/background_1.svg" />

    <script>
      function enablePANandZOOM() {
        svgPanZoom('#demo-tiger', {
          zoomEnabled: true,
          controlIconsEnabled: true
        });
      };


    </script>

  </body>

</html>