How to save HTML5 canvas data to file?


Use PNGStream to save HTML5 canvas to file.

var f = require('fs')
, out = f.createWriteStream(__dirname + '/text.png')
, stream = canvas.pngStream();
stream.on('data', function(chunk){
   out.write(chunk);
});
stream.on('end', function(){
   console.log(‘PNG Saved successfully!’);
});

Updated on: 27-Jan-2020

409 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements