1.0.0 • Published 8 years ago
image-filter-gamma v1.0.0
image-filter-gamma
Small library to apply a gamma transformation to a image relying on image-filter-core
handle the transformation and distribute work with webworkers.
Other related modules:
- image-filter-core
- image-filter-contrast
- image-filter-grayscale
- image-filter-threshold
- image-filter-sepia
- image-filter-invert
- image-filter-gamma
- image-filter-colorize
- image-filters
Install
npm install image-filter-gamma --save
Usage
It applies a gamma transformation to a base64 image. If you want a more complete library, please check image-filters that wraps this and other libraries to provide a more complete suite of image filters.
This library consumes ImageData and outputs ImageData in a Promise. You can use image-filter-core
to convert from ImageData to dataURL.
JS file:
var imageGamma = require('image-gamma');
imageGamma(IMAGE_DATA, { adjustment: 30 });
Frequent questions:
How can I get image data from a image tag?
var element = document.getElementById('#dummy-image');
var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');
context.drawImage(element, 0, 0 );
var imageData = context.getImageData(0, 0, element.width, element.height);
How can I get image data from url?
var element = document.createElement('img');
element.setAttribute('src', options.url);
//...repeat process from the previous answer
How can I use the output of this?
var imageFilterCore = require('image-filter-core');
imageGamma(IMAGE_DATA, { adjustment: 30 })
.then(function (result) {
// result === ImageData object
var image = document.createElement('img');
image.setAttribute('src', imageFilterCore.convertImageDataToCanvasURL(imageData));
target.appendChild(image);
});