svgwebを使用してsvgオブジェクトがロードされたときを検出しますか？

Question

svgwebプラグインを使用して、svgオブジェクトが自分のページにロードされたことを検出しようとしていて、svg内の属性の値を取得しようとしています。私はドキュメントで見つけたこれを試しました：

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

しかし、それは動作していないようです。私はこの後、他のjQueryのためのドキュメント準備関数を使用しているので、このバージョンのチェック方法を選択しました。私は間違って何をしていますか？私は別のものを追加する必要がありますか？

EDIT：jQuery $(document).ready and svg-web window.onsvgload

Answer 1

あなたは、外側のsvg要素ではなく、ウィンドウ上でaddEventListenerを呼び出す必要があります：ああ、ところで、これはどちらか動作しません。 SVGイベントは、htmlとは異なりウィンドウに移動しません。

svgを持つhtml5ではなくsvgドキュメントを持っている場合は、document.documentElementを使用して外側のsvg要素を取得できます。そうでない場合は、外側のsvg要素にidを置き、取得するためにdocument.getElementByIdを呼び出します。

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