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

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