在图像完全加载之前使用 Javascript 获取图像尺寸

2023-12-14

我读过有关图像完全加载后获取图像尺寸的各种方法,但是一旦开始加载就可以获取任何图像的尺寸吗?

我还没有通过搜索找到太多相关信息(这让我相信这是不可能的),但事实是浏览器(在我的例子中是 Firefox)显示了我在标题中的新选项卡中打开的任何图像的尺寸它刚刚开始加载图像给了我希望,实际上有一种方法,我只是错过了正确的关键字来找到它。


你是对的,人们可以在图像完全加载之前获取图像尺寸。

这是一个解决方案(demo):

var img = document.createElement('img');

img.src = 'some-image.jpg';

var poll = setInterval(function () {
    if (img.naturalWidth) {
        clearInterval(poll);
        console.log(img.naturalWidth, img.naturalHeight);
    }
}, 10);

img.onload = function () { console.log('Fully loaded'); }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在图像完全加载之前使用 Javascript 获取图像尺寸 的相关文章

随机推荐