Salvataggio dell'immagine canvas html 5 su disco rigido locale

Question

Ho creato forme su tela html 5 utilizzando la libreria kineticjs. Ora voglio salvare la tela come immagine sul mio harddrive del sistema locale. Pls dimmi come posso ottenerlo usando la libreria KineticJS.

Answer 1

Dopo aver selezionato il canvas (utilizzando qualcosa come document.getElementById, credo), dovresti essere in grado di chiamare quanto segue per convertire la tela in un dataURL.

Una volta che hai l'URL, aprirla in un'altra finestra del browser e fare uno standard destro Click-> Salva immagine con nome e salvarlo come JPG/PNG/etc.

var canvas = document.getElementById("mycanvas"); 
var img = canvas.toDataURL("image/png"); 

O se non siete in grado di salvare un'immagine per l'unità di programmazione, non sono sicuro, anche se mi piacerebbe molto dubbio a causa di vincoli di sicurezza.

Per ulteriori informazioni sulla programmazione accedere al File System, visitate questo sito di riferimento HTML5 FileSystem.

http://www.html5rocks.com/en/tutorials/file/filesystem/

Per ulteriori informazioni riguardanti il ​​recupero di un DataURL per un elemento canvas KinectJS di scena, vedere il frammento di sotto/url.

<script> 
    stage.toDataURL({ 
    callback: function(){ 
     // do something with the data url 
    }, 
    mimeType: 'image/jpeg', 
    quality: 0.5 
    }); 
</script> 

http://www.html5canvastutorials.com/kineticjs/html5-canvas-stage-data-url-with-kineticjs/