Ich benutze den folgenden Code

HTML Code für die Leinwand und das Bild

<canvas id="myCanvas" style="display:none" width="400" height="400"></canvas>
<img id="canvasImg" />

JavaScript Code zum Abrufen des Bildes vom Server und Anzeigen auf der Leinwand, gefolgt vom Anzeigen des Bildes

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

baseimage        = new Image();
baseimage.src    = 'what.jpg';
baseimage.onload = function() {
    ctx.drawImage(baseimage,1,1);
}

var dataURL = canvas.toDataURL("image/png");
document.getElementById('canvasImg').src = dataURL;
$("#myCanvas").show();

Das Bild wird angezeigt, jedoch ohne die Datei "what.jpg". Auf dem Canvas ist die Datei sichtbar, aber im IMG-Tag ist nichts zu sehen. Ich verwende dies auf der neuesten Version von Chrome.