/larva-lena

Digital Image Process with HTML5 canvas...

Primary LanguageJavaScript

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