Larva Lenna

Dalston Xu is just trying to use it to do some Digital Image Process with HTML5 canvas... in order to gain more web front end experience...^_^

流程图

st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?

st->op->cond
cond(yes)->e
cond(no)->op

Thanks to

《 Foundational HTML5 Animation with JavaScript》

http://www.html5rocks.com/en/tutorials/canvas/imagefilters/

《图像处理和分析教程》

http://nklein.com/2009/09/fourier-transforms-in-javascript/ for FFT algorithm

Demo

http://xuxun.me/lab/2012/larva-lena/

Change Log

v 0.0.5 Basic DIP functions (Frequency Filter )

• Transformation de Fourier

v 0.0.4 Basic DIP functions (Spatial Filter)

• Ajusting Brightness
• Grayscale Threshold Filter
• Convolution Filter (Sharpen, Blur) v 0.0.4.1

v 0.0.3 Basic HTML5 Canvas Image Process

• v 0.0.3.0 add Reverse RGB function RGB -> 255 - RGB
• v 0.0.3.1 add GrayScale function P84
• v 0.0.3.2 add Fill Color demo
• v 0.0.3.3 add GaoNeng flash P84
• v 0.0.3.4 draw image with canvas P77
• v 0.0.3.5 apply a simple filter on LOCAL canvas image
• v 0.0.3.6 try to solve Canvas Image CORS Problem but failed T_T

v 0.0.2 add some color utils, such as colorToRGB、parseColor

v 0.0.1 add mouse position capture