Javascript new Image() 尺寸

Question

我有一个绘制到 Canvas 上的对象，但我似乎无法获取图像的尺寸(宽度/高度)。

var rawr = {
    x: 0,
    y: 0,
    speed: 4,
    height:0,
    img: new Image(),
    url: "https://www.google.co.uk/images/srpr/logo11w.png",
    init: function() { 
        this.img.src=this.url; 
        this.height=this.img.height;
    },
    draw: function() { 
        canvas.drawImage(this.img,this.x,this.y);
    },
    move: function() {
        if(this.y>CANVAS_HEIGHT)
        {
        this.y=this.height*-1;
        }
        this.y+=this.speed;
    }
};

基本上，this.height 保持为零，如最初定义的那样。我该如何纠正这个问题？

提前致谢，蒂姆。

Answer 1

等待图像加载触发，然后再利用其高度。像这样的事情:

var imagePreloaded = this.img;
imagePreloaded.onload(function(){
   var height = imagePreloaded.height;
})