You are also wlcome to visit fiveko.com.
Different image processing filters and transformations like:
Convolution operator - 2D masks and 1D separable kernels
Sobel edge detection
Symmetric Nearest Neighbour filter (Symmetric NN)
Color space conversions (e.g. RGB <-> YCbCr, RGB to Grayscale, RGB to HSL, etc)
Color tracking by Back Projection
Cartesian plane to Log-Polar image transform
Local Binary Patterns (LBP)
- Major image files like: JPEG, PNG, WEBP, BMP, etc.
- Major Video files
- Camera support (have in mind the web browser capabilites)
The project provide an internal demo/test application you can use to test and see most fivekogfx's features.
Loading and installing
Download the whole fivekogfx or just the /src/fivekogfx.min.js and include it into your HTML5 proect e.g.:
How to use the FivekoGFX API
Example of Gaussian filter over a canvas image with standart deviation of 2.0
var fivekogfx = new FivekoGFX(); fivekogfx.load(canvas); fivekogfx.gauss(2.0); // e.g. Sigma=2.0 fivekogfx.draw(canvas);
Example of Discrete Gaussian blur approximation with standard deviation of 1.0
var fivekogfx = new FivekoGFX(); fivekogfx.load(canvas); fivekogfx.conv1d([1, 4, 7, 4, 1]); // Blur filter fivekogfx.draw(canvas);
Color space conversions
Example of RGB to Grayscale conversion
var fivekogfx = new FivekoGFX(); fivekogfx.load(canvas); fivekogfx.rgb2gray(); fivekogfx.draw(canvas);