在某些情况下需要页面图片的宽高,使用Image获取加载图片获取图片宽高时为0,是因为图片未加载完返回宽高为0

如果未获取到宽高需要使用定时器定时获取图片,直到获取到后再清除定时器

示例代码:

// new一个图片实例对象
var img = new Image();
let timer = "";
// 设置图片初始宽高为0
let width = 0;
let heifht = 0;
// 使用定时器定时获取图片的高度或者宽度
timer = setInterval(() => {
img.src = this.images[this.index]; // 图片地址示例
// (1)如果值为0说明还没加载回来,不执行任何操作,让定时器再次执行
// (2)如果值不为0说明已经加载回来了,清除定时器,然后执行接下来的操作
if (img.height) {
clearInterval(timer);
timer = null;
width = img.width;
height = img.height;
}
}, 1);

  

最新文章

  1. Css绘制圆形,环形,椭圆等图形
  2. IE8和W3C标准下IFRAME刷新和URL的区别
  3. zookeeper 集群搭建
  4. Objective-C之null NaN undefined
  5. S5PV2210
  6. HDU 1269 迷宫城堡 【强联通分量(模版题)】
  7. MVC-03 控制器(2)
  8. Bar Codes
  9. SpringMVC 异常处理
  10. 安卓Activity、service是否处于同一进程
  11. Mapreduce在Yarn调用出错
  12. iOS下OpenCV开发用OC还是Swift
  13. 日常API之图灵聊天机器人
  14. SpringBoot学习之启动探究
  15. Python中使用枚举类
  16. java常用类介绍
  17. AGC 016B.Colorful Hats(思路)
  18. 【分布式事务】阿里fescar
  19. go语言之进阶篇普通变量的方法集
  20. Android 7.0 FileProvider 使用说明

热门文章

  1. JAVA虚拟机18---方法调用
  2. ajax的原理是什么?如何实现?
  3. Linux服务器数据备份恢复
  4. 这些 JavaScript 笔试题你能答对几道?
  5. 脊柱关节病外周关节滑膜高表达的RANK/RANKL/OPG系统与炎症呈部分分离
  6. 代码随想录算法训练营day16 | leetcode ● 104.二叉树的最大深度 559.n叉树的最大深度 ● 111.二叉树的最小深度 ● 222.完全二叉树的节点个数
  7. Uncaught ReferenceError: Cannot access 'constantRouterMap' before initialization
  8. python中time模块的常用方法的转换关系图
  9. LeetCode-1765 地图中的最高点
  10. 微信电脑版 v3.9.2.12 绿色便携版