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; 
} 

コールバックが実行され、ディメンションがオブジェクトに設定されるまでに遅延が発生します。