vue获取不到页面图片实际宽高
2024-10-09 16:17:30
在某些情况下需要页面图片的宽高,使用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);
最新文章
- Css绘制圆形,环形,椭圆等图形
- IE8和W3C标准下IFRAME刷新和URL的区别
- zookeeper 集群搭建
- Objective-C之null NaN undefined
- S5PV2210
- HDU 1269 迷宫城堡 【强联通分量(模版题)】
- MVC-03 控制器(2)
- Bar Codes
- SpringMVC 异常处理
- 安卓Activity、service是否处于同一进程
- Mapreduce在Yarn调用出错
- iOS下OpenCV开发用OC还是Swift
- 日常API之图灵聊天机器人
- SpringBoot学习之启动探究
- Python中使用枚举类
- java常用类介绍
- AGC 016B.Colorful Hats(思路)
- 【分布式事务】阿里fescar
- go语言之进阶篇普通变量的方法集
- Android 7.0 FileProvider 使用说明
热门文章
- JAVA虚拟机18---方法调用
- ajax的原理是什么?如何实现?
- Linux服务器数据备份恢复
- 这些 JavaScript 笔试题你能答对几道?
- 脊柱关节病外周关节滑膜高表达的RANK/RANKL/OPG系统与炎症呈部分分离
- 代码随想录算法训练营day16 | leetcode ● 104.二叉树的最大深度 559.n叉树的最大深度 ● 111.二叉树的最小深度 ● 222.完全二叉树的节点个数
- Uncaught ReferenceError: Cannot access 'constantRouterMap' before initialization
- python中time模块的常用方法的转换关系图
- LeetCode-1765 地图中的最高点
- 微信电脑版 v3.9.2.12 绿色便携版