Как сохранить холст с изображением в файл PNG
Я использую следующий код
HTML Код для холста и изображения
<canvas id="myCanvas" style="display:none" width="400" height="400"></canvas>
<img id="canvasImg" />
JavaScript код для извлечения изображения с сервера и отображения на холсте с последующим отображением изображения
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();
Изображение отображается, но без файла "what.jpg". На холсте файл виден, но в теге IMG ничего не видно. Я использую это в последней версии Chrome.