2018年的文章移至github上,点我去!2018年的文章移至github上,点我去!2018年的文章移至github上,点我去!

Fork me on GitHub

img.width一直是0的问题--记录(二)

var img=new Image();

img.src="图片路径";

然后调用

img.width

img.height

你会发现值是0;

这是因为页面在加载的时候图片是最后的。虽然img.src有图片路径但是你img.width的时候图片并没有加载,可以这么解决:

img.onload = function () 

  img.width

这时就不会是0了。

有时为了方便会判断缓存中有没有图片,可以这么写:

if(img.complete) {

    alert('该图片已经存在于缓存之中');
}else{
    alert('图片不存在缓存之中');
    img.onload = function() {
        
    }
}

posted on 2015-05-18 20:20  qize  阅读(1632)  评论(0编辑  收藏  举报

导航