如何获取存储在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;
}

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