Сохранить HTML5 canvas как изображение на сервере

У меня был холст html5 с изображением. Люди могут редактировать / настраивать изображение с помощью javascript. После того, как все сделано, они должны иметь возможность разместить это изображение на своей стене Facebook. Насколько я знаю, мы можем удовлетворить требование следующим образом 



Save Canvas data as image in to my server      -->     Post to Facebook with its image URL   -->    Delete the image on call back.


Во-первых, это предположение верно, а во-вторых,



Как сохранить холст HTML 5 в png-изображение с помощью javascript при нажатии кнопки ?
Возможно ли это ?

725   2  

2 ответов:

Вы можете использовать JavaScript для сохранения вашего холста в виде определенного формата изображения 

var mycanvas = document.getElementById("whatever"); //get your canvas
var image    = mycanvas.toDataURL("image/png"); //Convert the canvas to image, currently converting to .png
4  
2012-11-01 08:24:30

Во-первых, вы должны преобразовать изображение в формат base64 с помощью Javascript: 

var canvas = document.getElementById("canvas");
var data = canvas.toDataURL("image/jpeg");

Теперь через PHP конвертируйте в изображение и сохраните его на сервере

file_put_contents("myimage.jpg", base64_decode(explode(",", $_GET['data'])[1]));

Вот и все

2  
2014-10-06 08:00:13

Comments

    Ничего не найдено.
Click here to cancel reply.