HTML5 enregistrer toile à déposer sur le serveur

Question

Je dois créer un composant en utilisant html5 toile qui a donné une image que l'utilisateur peut peindre dessus et directement (via une sorte de bouton de sauvegarde) télécharger sa version personnalisée sur le serveur.

Puis-je utiliser du canvas html pour cela? Une suggestion?

thx à l'avance

Answer 1

Vous pouvez obtenir l'image en tant que données URL comme ceci:

var dataUrl = document.getElementById('your-canvas').toDataURL(); 

Vous pouvez ensuite envoyer cette (très longue chaîne) sur le serveur et l'enregistrer dans un fichier après le décoder (il est encodé en base64).

EDIT: N'oubliez pas de soumettre ceci via POST, comme suggéré dans les commentaires. GET a quelques limites de longueur dans divers navigateurs, donc il est susceptible de dépasser ces limites avec une énorme quantité de données.

Answer 2

Notez que cela est actuellement mort-sur-arrivée pour Android (jusqu'à et y compris 2,3). Veuillez résoudre ce problème - http://code.google.com/p/android/issues/detail?id=7901