mishakor
Junior Member | Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго времени суток!
Хочу кусочек html сохранить в виде картинки на сервер
html:
Код: <div id='screen' style='border:1px solid red; background-color:green; width:100px; height:100px;'></div>
<span id='seve'>Сохранить</span>
<canvas></canvas> |
js:
Код: function maket_seve(){
var canvas = $('canvas')[0];
var data = canvas.toDataURL('image/png').replace(/data:image\/png;base64,/, '');
$('canvas').remove();
$.post('saveCPic.php',{data:data}, function(rep){
alert('Изображение '+rep+' сохранено' );
});
}
$(function(){
$('#seve').live('click',function(){
html2canvas($('#screen')[0],{
onrendered: function(canvas){
document.body.appendChild(canvas);
maket_seve();
}
});
});
}); |
php: (saveCPic.php)
Код: $name = time().'.png';
file_put_contents($name, base64_decode($_POST['data']));
echo $name;
|
Изображение сохраняется пустым, подскажите что я не так делаю. |
Всего записей: 65 | Зарегистр. 29-09-2008 | Отправлено: 08:47 13-09-2013 | Исправлено: mishakor, 08:57 13-09-2013 |
|
