Flatten canvas image data with transparency on a solid background
npm install canvas-flattenFlatten canvas image data with transparency on a solid background
First, install the package using npm:
npm install canvas-flatten --save
Then, require the package and use it like so:
let Flatten = require('canvas-flatten');
// Assume we have an existing canvas element with a 2D context
// Retrieve the image data of the canvas
let image = context.getImageData(0, 0, canvas.width, canvas.height);
// Flatten the transparency on a white background
image = Flatten.flatten(image, [ 0xff, 0xff, 0xff ]);
// Place the image data back on the canvas
context.putImageData(image, 0, 0);
MIT