vue获取不到页面图片实际宽高
在某些情况下需要页面图片的宽高,使用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);
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 零经验选手,Compose 一天开发一款小游戏!
· 一起来玩mcp_server_sqlite,让AI帮你做增删改查!!