javascript - 从主 html 脚本调用 SVG 的外部 JavaScript 函数？

Question

这是一个类似的问题，但我想知道当 SVG 的 JavaScript 函数未嵌入而是从外部文件导入时如何访问它们:

Call svg javascript function inside html javascript function

所以，我会尽量把我的问题说清楚，希望不要太复杂。

我有 main.html 和 main.js。

我还有 someSVG.svg，它导入了 someSVG.js，它有一个函数，foo()。

main.html 导入 someSVG.svg 作为对象元素。

如何从 main.js 调用 foo()？

Answer 1

前提是您将 SVG 嵌入了 <object>标记，您可以使用

访问 SVG 的窗口对象

var inner = document.querySelector('object').contentWindow

就像外部窗口的窗口对象一样，它提供了您可以在普通窗口中找到的所有全局变量，例如脚本定义的inner.foo()。或 inner.document .

注意:Safari 从版本 10 开始支持 HTMLObjectElement.contentDocument，但不支持 .documentWindow。