如何獲取存儲在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; 
} 

在回調運行之前會有延遲，並且尺寸會在您的對象上設置。