Enregistrer html5 canvas en tant qu'image dans le serveur

J'ai eu un html5 canvas avec une image. Les peuples peuvent se modifier/ajuster l'image à l'aide de javascript. Après tout, ils doivent avoir une possibilité de poster cette image dans leur Facebook mur. Que le meilleur de mes connaissances, nous pouvons répondre à l'exigence comme ce

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

Tout d'abord, cette hypothèse est correcte, et la deuxième est

Comment économiser de l'HTML 5 de la Toile à une image png à l'aide de javascript sur un clic sur un bouton ?
Est-il possible ?

OriginalL'auteur ramesh | 2012-11-01

  1. 4

    Vous pouvez utiliser JavaScript pour enregistrer votre espace de travail comme un format d'image spécifique 

    var mycanvas = document.getElementById("whatever"); //get your canvas
var image    = mycanvas.toDataURL("image/png"); //Convert the canvas to image, currently converting to .png
    +1 Mais bon de noter que l'image qui en résulte est encodé en base64 et sera de plus que la taille d'un fichier binaire codé PNG. Peut-être une bonne idée natif encoder sur le serveur avant l'envoi à l'FB.
    si donc je ne peux pas télécharger de facebook ? un problème ?
    convenu..
    pouvez-vous aider un peu comment natif de coder l'image dans le serveur ?
    dépend de la technologie côté serveur (PHP, Java, Node.Js, ASP.NEt etc.). Dans tous les cas, vous pouvez utiliser quelque chose comme l'image magick de charger et d'enregistrer l'image dans son format natif (quelle que soit la plate-forme, image magcik sera disponible en tant que forkable de ligne de commande de processus, je crois)

    OriginalL'auteur Mr. Alien

  2. 2

    Tout d'abord, vous devez convertir votre image au format base64 à l'aide de Javascript:

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

    maintenant par le biais de PHP convertir en de de l'image et de l'enregistrer sur le serveur

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

    C'est tout

    OriginalL'auteur Neel Shah