设置图像以适合画布

Question

在第一个示例中，我似乎无法在画布上正确放置图像：

https://jsfiddle.net/kdichev/qqzjtogp/

在这里，我用css正确地做到了这一点，但是我似乎无法在第一个示例中实现它，因为javascript代码使它有点困难了。

https://jsfiddle.net/kdichev/x28wdq47/

 // draw all targets on the canvas
for (var i = 0; i < targets.length; i++) {
    var t = targets[i];
    t.width = t.image.width;
    t.height = t.image.height;
    ctx.drawImage(t.image, t.x, t.y);
}