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

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

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

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


javascript html css-mask
person Bryce    schedule 11.07.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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);
 });
person txominpelu    schedule 11.07.2012