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() {
        
    }
}


转载:http://www.cnblogs.com/zqzjs/p/4512988.html

目录
相关文章
|
5月前
Limits: MIN_INFLATE_RATIO: 0.010000, Entry: word/media/image5.png
Limits: MIN_INFLATE_RATIO: 0.010000, Entry: word/media/image5.png
|
3月前
|
前端开发
line-height与height的区别
line-height与height的区别
19 0
|
4月前
究竟什么时候使用line-height合适------line-height的实际应用
1) 单行文字的垂直居中对齐 把line-height值设置为height一样大小的值可以实现单行文字的垂直居中。这句话确实是正确的,但其实也是有问题的。问题在于height,把line-height设置为您需要的box的大小可以实现单行文字的垂直居中,height是多余的。
17 0
|
Web App开发 前端开发
给Img标签设置height和width属性
给Img标签设置height和width属性
503 0
html+css实战94-内容width和height
html+css实战94-内容width和height
73 0
html+css实战94-内容width和height
|
数据采集 前端开发 JavaScript
|
计算机视觉 Python
Python 路径问题:cv2.error: OpenCV(4.1.0)...size.width>0 && size.height>0 in function ‘cv::imshow‘. 解决方法
Python 路径问题:cv2.error: OpenCV(4.1.0)...size.width>0 && size.height>0 in function ‘cv::imshow‘. 解决方法
470 0