使用svgweb来检测何时加载svg对象？

Question

我正在尝试使用svgweb插件检测我的页面上何时加载svg对象，然后获取svg内部属性的值。我试过这个，我在文档中找到了：

  $(document).ready(function() {
    window.addEventListener('SVGLoad', function() {
      alert('done');
    }, false);
  });

但它似乎不起作用。我选择了这种版本的各种方法进行检查，因为我在此之后使用了文档就绪函数用于其他jQuery。我究竟做错了什么？我需要添加其他内容吗？

编辑：哦，顺便说一句，这也不起作用：jQuery $(document).ready and svg-web window.onsvgload

Answer 1

您需要在外部svg元素而不是窗口上调用addEventListener。与html不同，SVG事件不会进入窗口。

如果你有svg文件而不是带有svg的html5文件，你可以使用document.documentElement获取外部svg元素，否则在外部svg元素上放置一个id并调用document.getElementById来获取它。 / p>

var svgElement = document.getElementById("<outer svg element id>");
svgElement.addEventListener("SVGLoad", ...