如何检测-webkit掩码框图像何时已下载

How to detect when -webkit-mask-box-image has downloaded

本文关键字：图像 框图 何时 下载 掩码 -webkit 何检测 检测      更新时间：2023-09-26

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

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

我如何才能知道图像何时返回并完成下载，这样它就不会突然出现在页面上？

你可能可以做一些类似@loneomeday在中所做的事情

当脚本插入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);
 });
相关文章：