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: 2020-01-27T07:08:50+05:30

569 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements