KO
|
EN
gitlite — search
Search
#typescript
#ai-agents
#deepseek-harness
#dsh-plugin
#open-source
#ai
#cli
#dsh
#claude-code
#codex
#developer-tools
#react
emage
★ 89
Open GitHub ↗
WebGL based image processing library
Download README (.md)
Explore Similar Repositories
hubot-mysql-chatops
:
ChatOps for MySQL.
hugo-snippets
:
Convenient partials, layouts and shortcodes for Hugo (gohugo.io)
alfred-appscripts
:
Alfred workflow to search and run/open AppleScripts for the active application
Lantern
:
Centec open source OpenFlow hardware implementation project (Lantern )
SharpDX_Demo
:
DirectX11 Tutorial based on SharpDx library
// repository documentation
Was this content helpful?
★ 0
(0 ratings)
Select Rating:
★
★
★
★
★
Submit Feedback
Recent Feedback
×
Download README
Do you want to download the
README.md
file for
emage
?
Download (.md)
EMAGE ========== EMAGE is a webgl based image processing library, it is based on the webgl library [qtek](https://github.com/pissang/qtek). The [example](http://pissang.github.com/emage/example/#/) #### Simple Usage Import the library <script type="https://github.com/pissang/emage/blob/master/dist/emage.min.js"></script> Or in the AMD environment ```js var emage = require("emage") ``` Process the image ```js // Create a image processor var processor = new emage.Processor(canvas, image); // Create a layer var blurLayer = new emage.Layer(); // Use gaussian blur blurLayer.use("buildin.gaussian"); // Create an other layer for color adjustment var colorLayer = new emage.Layer("buildin.coloradjust"); // Add layers to processor and update the image processor.add(blurLayer); processor.add(colorLayer); processor.update(); // Replace the gaussian blur with lens blur and update again blurLayer.use("buildin.lensblur"); processor.update(); // Set parameters of filter blurLayer.set("brightness", 6.0); blurLayer.set("blurSize", 4.0); // Or you can also write like this blurLayer.set({ brightness : 6.0, blurSize : 4.0 }) // Export the final image var canvas = emage.canvas; var img = new Image; img.src = canvas.toDataURL(); ``` #### Supported filters Most of the filters is from [GPUImage](https://github.com/BradLarson/GPUImage) ----- ##### Gaussian Blur buildin.gaussian + blurSize : 2.0 ----- ##### Box Blur buildin.boxblur + blurSize : 2.0 ----- ##### Lens Blur buildin.lensblur + blurSize : 0.4 + brightness : 6.0 ----- ##### Color Adjust buildin.coloradjust + brightness : 0.0 + gamma : 1.0 + contrast : 1.0 + exposure : 0.0 + saturation : 1.0 ----- ##### Color Matrix buildin.colormatrix + colorMatrix : [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1] + intensity : 1.0 ----- ##### Sepia buildin.sepia ----- ##### Color Lookup buildin.lut + lookup : Image ----- ##### Sobel Edge Detection buildin.sobel ----- ##### Toon Effect buildin.toon ----- ##### Sketch Effect buildin.sketch #### Histogram compute Histogram compute is done in shaders and can be quite efficient ```js // Pass in the image you want to compute histogram var histogram = new emage.Histogram(image); // Set down sample rate histogram.downSample = 1/4; // Compute the histogram and get the result histogram.update(); // It will return a UnitArray(256) which store the histogram of red channel var redChannel = histogram.channels.red; // And other channels var blueChannel = histogram.channels.blue; var luminanceChannel = histogram.channels.luminance; ```
