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

目录
相关文章
|
2月前
|
前端开发
min-width/max-width 和 min-height/max-height 属性间的覆盖规则
在CSS中,min-width/max-width及min-height/max-height属性用于控制元素的最小和最大尺寸。当min-width与max-width或min-height与max-height属性同时设置时,若它们的值有冲突,max-width和max-height具有更高的优先级。这意味着元素的实际宽度和高度将受限于max-width和max-height的规定,而min-width和min-height则确保了元素不会小于所设定的最小尺寸。
|
1月前
|
前端开发 容器
max-height 属性和 min-height 属性有什么区别?
【10月更文挑战第27天】`max-height`属性和`min-height`属性在控制元素高度方面各有特点和适用场景,通过合理地运用这两个属性,可以更灵活地实现各种页面布局效果,满足不同的设计和功能需求。
|
7月前
|
前端开发
line-height与height的区别
line-height与height的区别
70 0
究竟什么时候使用line-height合适------line-height的实际应用
1) 单行文字的垂直居中对齐 把line-height值设置为height一样大小的值可以实现单行文字的垂直居中。这句话确实是正确的,但其实也是有问题的。问题在于height,把line-height设置为您需要的box的大小可以实现单行文字的垂直居中,height是多余的。
39 0
|
Web App开发 前端开发
给Img标签设置height和width属性
给Img标签设置height和width属性
716 0
html+css实战94-内容width和height
html+css实战94-内容width和height
105 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‘. 解决方法
590 0