Używam następującego kodu

HTML Kod płótna i obraz

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

JavaScript kod do pobierania obrazu z serwera i wyświetlania na płótnie, a następnie wyświetlania obrazu

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

Obraz jest wyświetlany, ale bez pliku „what.jpg”. Na płótnie plik jest widoczny, ale w znaczniku IMG nic nie widać. Używam tego w najnowszej wersji Chrome.