2010-07-30 5 views
3

Je développe petite application en utilisant javascript, en utilisant ce que je peux tirer sur le canvas.I veulent savoir, Comment obtenir instantané de ma toile et l'envoyer un autre,Comment obtenir instantané de ma toile

en utilisant javascript ou tout autre langage côté serveur. s'il vous plaît aidez-moi.thanks.

+1

depuis quand javascript devient langue côté serveur? :) – Simon

+1

@Syom - Il a dit * ou *, mais il existe de nombreuses implémentations côté serveur de JS :) http://en.wikipedia.org/wiki/Comparison_of_Server-side_JavaScript_solutions –

Répondre

1

Vous pouvez utiliser Canvas2Image pour enregistrer un canevas HTML 5 dans un fichier à télécharger.

4

Vous pouvez obtenir une image PNG de la toile comme une URL de données via la méthode toDataURL:

canvas.toDataURL(); // => data:... 
1

J'utilise les éléments suivants:

window.location.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 

Cela provoque l'emplacement du navigateur pour changer à une url de données contenant un PNG du contenu de la toile que le navigateur invitera alors à sauvegarder (en changeant le type mime, sinon le navigateur n'affichera que le PNG.)

+0

Bon conseil. Notez cependant que cela ne fonctionne pas pour les appareils iOS (impossible de télécharger l'erreur de fichier) mais si vous laissez le type MIME, l'utilisateur peut sauvegarder l'image résultante qui se charge (un processus en deux étapes au lieu d'un). –

2

Jetez un oeil à ce tutoriel, il montre comment prendre un instantané de votre toile et l'envoyer à votre serveur en utilisant AJAX.

Send Canvas Content to Server

Questions connexes