Как определить, когда -webkit-mask-box-image загружен

Question

Я генерирую изображение маски на веб-сервере программным способом, а затем применяю его к элементу HTML со следующим кодом:

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

Как я могу узнать, когда изображение возвращается и заканчивает загрузку, чтобы оно не попало на страницу?

Answer 1

Вы, вероятно, можете сделать что-то похожее на то, что сделал @lonesomeday:

jQuery.on () не привязан, когда скрипт вставлен в DOM

Что-то вроде этого:

 $('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);
 });