canvas-compress

CanvasCompress

Compressing image with HTML5 canvas.

Browser Compatibility

Browser	Version
IE	10+
Chrome	22+
Firefox	16+
Safari	8+
Android Browser	4+
Chrome for Android	32+
iOS Safarri	7+

Dependencies

1. Exif.js
2. ES6 Promise polyfill.

Install

Via npm:

npm install canvas-compress --save

Via bower:

bower install canvas-compress --save

Usage

    import CanvasCompress from 'canvas-compress';

    const compressor = new CanvasCompress({
        type: 'image/jpeg',
        width: 1000,
        height: 618,
        quality: 0.9,
    });

    compressor.process(fileBlob).then(({ source, result }) => {
        // const { blob, width, height } = source;
        const { blob, width, height } = result;
        ...
    });

Options

There're four optional properties for options object:

• type<string>: output type, default is image/jpeg

• width<number>: output width, default is 1000

• height<number>: ouput height, default is 618

• quality<number>: output quality, defalut is 0.9

Use third-party Promise

    CanvasCompress.usePromise(require('bluebird'));

License

MIT.