pnglib-es6
Modern & fast version of the original javascript pnglib library.
This version uses typed-arrays and is roughly 3-4 x as fast as the original library.
View Demo Here
Install
npm install pnglib-es6
Usage
import PNGImage from 'pnglib-es6';
// Create new PNG image, parameters (only indexed 8-bit pngs are supported at the moment):
// width (number)
// height (number)
// depth (number of palette entries)
// [backgroundColor] (optional background color, when omitted 'transparent' is used)
const image = new PNGImage(100, 100, 8);
// Add colors to the palette (uses tinycolor for converting the color)
const redColor = image.createColor('#FF0000');
const blueColor = image.createColor('blue');
const greenColor = image.createColor('rgba(0, 255, 0, 1)');
// Do some pixel drawing
image.setPixel(50, 50, redColor);
const color = image.getPixel(50, 50);
...
// Convert image to base-64
const base64 = image.getBase64();
// Or get the data-url which can be passed directly to an <img src>
const dataUri = image.getDataURL(); // data:image/png;base64,...