嘗試訪問對象中的SVG時Chrome出現錯誤

Question

我沒有太多的編碼經驗，我正在嘗試讓用戶對元素中嵌入的SVG進行一些控制。 我找到了ariutta svgpanzoom.js庫，但是當我嘗試對其進行小型測試時，我在chrome中遇到了安全性錯誤（一切在Firefox和Safari上都能正常運行）

這是我的基本代碼

 <!DOCTYPE html> <html> <head> <title>SVG test</title> <meta charset="utf-8"> <script src="http://ariutta.github.io/svg-pan-zoom/dist/svg-pan-zoom.js"></script> </head> <body> <p><h1>Test SVG in object tag</h1></p> <br> <object id="mySVG" type="image/svg+xml" data="../Tests/simpleSVG.svg" width="400" height="400" style="border: 1px solid red;"></object> <script> window.onload = function() { svgPanZoom("#mySVG", { zoomEnabled: true, controlIconsEnabled: true }); }; </script> </body> </html>

我在Chrome上收到的錯誤是： Uncaught SecurityError：無法從“ HTMLObjectElement”讀取“ contentDocument”屬性：阻止了源為“ null”的框架訪問源為“ null”的框架。 協議，域和端口必須匹配。

有誰知道我做錯了什么？

提前致謝...

Answer 1

Bumbu是正確的：Chrome會阻止從遠程腳本（svg-pan-zoom）訪問本地文檔（在這種情況下為Object）。

從本地服務器運行時，該代碼運行良好。

嘗試訪問對象中的SVG時Chrome出現錯誤

問題描述

1 個解決方案

解決方案1
0 已采納 2015-10-22 11:35:19

嘗試訪問對象中的SVG時Chrome出現錯誤

問題描述

1 個解決方案

解決方案1 0 已采納 2015-10-22 11:35:19

解決方案1
0 已采納 2015-10-22 11:35:19