Question

我正试图通过javascript获取图像的大小，并且我一直未定义。

var s = '/images/clouds.png';
console.log(s.naturalWidth);

继续未定义。

Answer 1

您需要创建一个实际的Image，然后等待它成功加载：

＆＃13;

var s = new Image();
s.onload = function() {
  console.log("after image has loaded:", this.naturalWidth);
}
var width = Math.floor(Math.random() * 300) + 200;
s.src = `http://via.placeholder.com/${width}x300`;
console.log("not loaded yet:", s.naturalWidth);

＆＃13;

Answer 2

首先，您需要在HTML中创建一个图像对象：

<img id="randomImg" src="/images/clouds.png" />

之后你可以在javascript中检索对象：

var s = document.getElementById("randomImg");

然后你可以要求尺寸

从javascript获取图像大小时出错

2 个答案: