javascript - 如何获取存储在 javascript 对象中的图像的宽度和高度？

Question

我正在寻找一种方法来查找传入图像的尺寸。 当我记录高度和宽度时，两者都返回 0。

function GamePiece(imageName){
    this.image = new Image();
    this.image.src = imageName;
    this.width = this.image.width;
    this.height = this.image.height;
}

Answer 1

您需要让浏览器有时间加载图像，然后才能获取图像的大小。您可以使用 onload 回调来检测图像何时加载。

function GamePiece(imageName){
    var gamePiece = this;

    this.image = new Image();
    this.image.onload = function() {
        gamePiece.width = this.width;
        gamePiece.height = this.height;
    }
    this.image.src = imageName;
}

在运行回调和在对象上设置尺寸之前会有一段延迟。