lens-filter-gamma/sandbox/sandbox.js

Small library to apply a gamma filter to a image

var lensCore = require('lens-core');
var imageGamma = require('../src/index');

function applyResults(selector, canvas, context, src) {
    var target = document.querySelectorAll(selector)[0];
    var image = document.createElement('img');
    image.setAttribute('src', lensCore.convertImageDataToCanvasURL(src));
    target.appendChild(image);
}

window.onload = function() {
    var img = new Image();
    img.onload = function() {
        var canvas = document.createElement('canvas');
        canvas.width = img.width;
        canvas.height = img.height;
        var context = canvas.getContext('2d');
        context.drawImage(img, 0, 0);

        var data = context.getImageData(0, 0, img.width, img.height);

        imageGamma({ data, options: { level: 30 }, nWorkers: 4 }).then(function(
            results
        ) {
            applyResults('#target-1', canvas, context, results);
        });

        imageGamma({ data, options: { level: 70 }, nWorkers: 4 }).then(function(
            results
        ) {
            applyResults('#target-2', canvas, context, results);
        });
    };

    img.src = 'dummy.jpg';
};