Сохранить HTML5 холст с изображениями в качестве изображения
Я пытаюсь сохранить холст с изображениями в PNG, но когда я пытаюсь это:
var myCanvas = document.getElementById("myCanvas");
var img = document.createElement('img');
var ctx = myCanvas.getContext ? myCanvas.getContext('2d') : null;
img.src = 'image.png';
img.onload = function () {
ctx.drawImage(img, 0, 0, myCanvas.width, myCanvas.height);
}
var data = myCanvas.toDataURL("image/png");
if (!window.open(data)) {
document.location.href = data;
}
Я получаю только чистое прозрачное изображение без изображения. Что я делаю неправильно?