设置图像以正确适合画布

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