获取 HTML 图像元素缩放后的原始尺寸

Question

获取 HTML 图像元素缩放后的原始尺寸

javascriptimagehtml

7

是否有一种简单高效的方法（使用JavaScript）来获取显示在<img>元素中的图像的真实尺寸，即使该元素因max-height或max-width属性而具有不同的渲染大小？

- devios1

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- antyrat · Accepted Answer

这里有 naturalWidth 和 naturalHeight 两个 DOM 属性。

例如：

var image = new Image();
image.src = "test.jpg";
image.onload = function() {
    alert('width - ' + image.naturalWidth);
    alert('height - ' + image.naturalHeight);
}

或者在jsFiddle上查看示例。

更多信息请参见MDN。