javascript - -webkit-mask-box-imageがダウンロードされたことを検出する方法

Question

プログラムでWebサーバー上にマスク画像を生成し、次のコードを使用してHTML要素に適用します。

imageToMask.style["-webkit-mask-box-image"] = "url('" + featherURL +"') 100 stretch";

画像がページに表示されないように、画像が戻ってきてダウンロードが終了したことを確認するにはどうすればよいですか？

Answer 1

あなたはおそらく@lonesomedayがしたのと同じようなことをすることができます：

スクリプトがDOMに挿入されたときにjQuery.on（）がバインドされない

これらの線に沿った何か：

 $('button').click(function() {
     var imageToMask = document.createElement('img');
     imageToMask.style["-webkit-mask-box-image"] = "url('" + featherURL +"') 100 stretch";

     imageToMask.onload = function() {
        //Custom behaviour
     };
     document.body.appendChild(imageToMask);
 });