从 SVG 调用 javascript 函数答案

【问题标题】：calling a javascript function from SVG从 SVG 调用 javascript 函数
【发布时间】：2023-03-09 01:17:01
【问题描述】：

我在获取 svg 文件和 javascript 文件时遇到问题。在这个 html 文档中都提到了它们 - http://www.trjps.co.uk/image_store_old/button_tests/button_tester_A.html。我想要一个按钮单击 svg 元素（小圆圈）来触发 js 函数（使用 rapael 的动画）。

我有这样的东西来做一个小演示

  <path onclick="setAttribute('style','fill:gold'), top.popup()"... />

但它不适用于这个更复杂的。

我知道很多答案都涵盖了这个主题，但我仍然没有成功。欢迎和需要帮助和指点。我可能会在我如何做到这一点时说错了。谢谢

【问题讨论】：

只是猜测，但您是否尝试过使用 iframe 而不是对象标签？如果将 SVG 直接包含在包含的 HTML 文件中，是否会遇到问题？
我没有专门尝试过这些，但我只是尝试了，遗憾的是两者都没有改变。两者都像原版一样工作。
你能建立一个jsfiddle.net吗？
类似于stackoverflow.com/questions/10485232/…
我成功了！奇怪的是 'window.onload = function() {...}' 正在停止一切。正如 raphael 示例所建议的那样，我的整个 javascript 都包含在这个函数中。我把它拿出来并得到了结果。我没有做过太多的js，也不知道为什么这很重要，但确实如此。也许我会在适当的时候了解到它的重要性，但就目前而言，“做得比完美更好”，因为一家规模庞大的社交媒体公司可能会或可能不会在它的墙上打印出来。感谢您的帮助。

【解决方案1】：

我让它工作了。这是阻止它

window.onload = function() {..(all my raphael javescript)..}

正如 raphael 示例所建议的那样，我的整个 javascript 都包含在这个函数中。我把它拿出来并得到了结果。

我没有做过太多的 js，也不知道为什么这很重要，但确实如此。也许我会在适当的时候了解到它的重要性，但就目前而言，“做得比完美更好”，因为一家规模庞大的社交媒体公司可能会或可能不会在它的墙上打印出来。感谢您的帮助。

【讨论】：