Kinght的小屋

Appearance

图片的原始尺寸 ​

要获取图片的原始尺寸，可以使用 DOM 对象的naturalWidth和naturalHeight属性。

首先，通过选择器或者其他方法获取到img标签的 DOM 元素。然后，使用naturalWidth属性获取图片的原始宽度，使用naturalHeight属性获取图片的原始高度。

下面是一个示例代码：

html
<img
  id="myImage"
  src="your-image.jpg"
  alt="Image" />
<img
  id="myImage"
  src="your-image.jpg"
  alt="Image" />
js
var img = document.getElementById("myImage");
var width = img.naturalWidth;
var height = img.naturalHeight;

console.log("图片的原始宽度：", width);
console.log("图片的原始高度：", height);
var img = document.getElementById("myImage");
var width = img.naturalWidth;
var height = img.naturalHeight;

console.log("图片的原始宽度：", width);
console.log("图片的原始高度：", height);

在上面的代码中，img是通过getElementById方法获取到的img标签的 DOM 元素。然后，使用naturalWidth属性获取图片的原始宽度，使用naturalHeight属性获取图片的原始高度。最后，通过console.log方法将宽度和高度输出到控制台。