如何检测 -webkit-mask-box-image 何时下载

Question

我以编程方式在 Web 服务器上生成掩码图像，然后使用以下代码将其应用于 HTML 元素：

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

我怎样才能知道图像何时返回并完成下载，以便它不只是弹出到页面上？

Answer 1

您可能可以做一些类似于@lonesomeday 所做的事情：

jQuery .on() not bound when script inserted into the 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);
 });