Question

如何获取不显示图像的元素的渲染尺寸的图像尺寸？

一些不起作用的例子......

<img onload="alert(this.height);" src="1.png" style="max-height: 50%; max-width: 50%;" />

指定必需的max-height和/或max-width时会出现此问题。其他方法（例如getComputedStyle）仅确定渲染图像的尺寸。没有框架。

Answer 1

我同意 Dr.Molle 获取img并使用img.naturalWidth和img.naturalHeight。

但还有另一种方法：在抓住自然尺寸后设置style：

<script>
    function grabNatDims(im) {
        console.log(im.width, im.height);
        im.style.maxHeight = '50%'; im.style.maxWidth = '50%';
    }
</script>
<img onload="grabNatDims(this)" src="1.png">

JavaScript获取图像的尺寸，而不是渲染图像尺寸

1 个答案: