drawImage方法与img的load事件、缓存问题

我们用到canvas的drawImage方法是往往要等图片加载完了执行

$('img').load(function(){

  cont_2d.drawImage(img,0,0);    

});

然而这种写法会出现问题:页面刷新有事会不显示图片;

这是图片缓存引起的$('img')的load事件没有触发,

$('img').one('load' , function(){//单次绑定load事件

  cont_2d.drawImage(img,0,0);

 }).each(function(){

  if(this.complete){//判断有没有缓存 如果有执行load事件

  $(this).load();  

  }

})

posted @ 2016-08-22 10:10  websjs  阅读(576)  评论(0编辑  收藏  举报