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

Question

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

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

但它似乎不起作用。我选择了这个版本的各种方法进行检查，因为在此之后我将对其他jQuery使用document ready函数。我做错了什么？我还需要添加其他东西吗？

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

Answer 1

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

如果您使用的是svg文档，而不是包含svg的html5文档，则可以使用document.documentElement获取外部svg元素，否则，将id放在外部svg元素上并调用document.getElementById来获取它。

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