Javascript：绘制图像宽度和高度的形状

Question

我目前有一个画布，我画了4个“形状”，显示为图像。 制作形状的代码：

  function init() {
  var s = new CanvasState(document.getElementById('canvas1'));
  s.addShape(new Shape(40,40,180,180)); // The default is gray
  s.addShape(new Shape(60,140,40,60, 'lightskyblue'));
  // Some partially transparent
  s.addShape(new Shape(80,150,60,30, 'rgba(127, 255, 212, .5)'));
  s.addShape(new Shape(125,80,30,80, 'rgba(245, 222, 179, .7)'));
}

绘制形状：

Shape.prototype.draw = function(ctx) {
        var locx = this.x;
        var locy = this.y;
        var imgNew = new Image();
        imgNew.onload = function(){ 
            ctx.drawImage(imgNew, locx, locy);

        }
        imgNew.src = "upload/Evenredig.jpg";
}

正如您所看到的，我正在手动设置形状的宽度和高度，但我想知道是否可以从图像中获取宽度和高度，并将其设置为形状的宽度和高度。

画布的完整代码可以在这里找到（可能有帮助吗??）
http://pastebin.com/Z3eqvVnw

PS。如果您知道更好的标题，请随时编辑标题，因为我不知道如何命名这个问题。