如何使用 JavaScript 获取图像的宽度和高度？

使用 JavaScript 检索图像尺寸

您需要一种方法来确定网页上图像的尺寸吗？ JavaScript 为此任务提供了一个简单的解决方案。

获取图像大小

要以编程方式获取图像尺寸，请使用以下 JavaScript 代码：

const img = new Image();
img.onload = function() {
  alert(this.width + 'x' + this.height);
}
img.src = 'http://www.google.com/intl/en_ALL/images/logo.gif';

在此片段中，创建了一个新的 Image 对象。 onload 事件侦听器被分配来在图像加载完成后对其进行处理。然后，侦听器检索图像对象的宽度和高度属性，它们代表图像的尺寸。

对于 DOM 图像

对于 DOM 中已经存在的图像，你可以直接访问它们的宽度和高度属性：

const img = document.getElementById('my-image');
alert(img.offsetWidth + 'x' + img.offsetHeight);

注意事项

请记住，此方法要求在检索其尺寸之前加载图像。对于动态加载或不立即可见的图像，您可能需要在访问其属性之前确保它们已完全加载。

以上是如何使用 JavaScript 获取图像的宽度和高度？的详细内容。更多信息请关注PHP中文网其他相关文章！