canvas画布图片reload处理

121 阅读1分钟

在很多情况中,有时候需要图片进行提前加载,才可以在代码中进行使用,所以需要对图片进行处理,对对象进行处理,通过访问Key值的方式去获取img路径

function handleImg(img,callBack){
        let imgLength = Object.getOwnPropertyNames(img).length
        let newObj = {}
        let i = 0
        for(var key in img){
            newObj[key] = new Image()
            newObj[key].onload = function(){
             i++
                if(i==imgLength){
                    callBack(newObj)
                }
            }
            newObj[key].src = img[key]
        }
    }
    function doSome(data){
        console.log(data)
    }
    handleImg({a:"img/bg.jpg",b:"img/b.jpg"},handleData)
   function handleData(data){
        //doSomething
        data.a
        data.b
   }