Снимок экрана div с html2canvas. Отправлено в php, сохранено: поврежденное изображение
Я генерирую холст и передаю его php так:
$('body').on('click','#save_image',function(){
html2canvas($('.myImage'), {
onrendered: function(canvas) {
//$('.imageHolder').html(canvas);
var dataURL = canvas.toDataURL("image/png");
// $('.imageHolder').append('<img src="'+dataURL+'">');
$('.imageHolder').html('Generating..');
$.post('image.php',{image: dataURL},function(data){
$('.imageHolder').html(data);
});
}
});
});
image.php:
download.php:
Дело в том, что изображение генерируется, когда я нажимаю на ссылку для скачивания, загрузка блокируется, но изображение не открывается (кажется, повреждено)
Что мне не хватает?
Это можно проверить здесь:http://toniweb.us/div2img/