Манипуляция пикселями на холсте с использованием Javascript

[@DeXPeriX]

Что насчёт кроссбраузерности? Как-то искал что-то похожее, всё не работало в IE…

[@TheShock]

В актуальном IE9 работает отлично.

[@Goder]

Пожалуйста, отформатируйте код. Тэг source вам в помощь. :)

[@luce_stellare]

отформатировал. Спасибо

[@Mithgol]

Азы какие-то.

[@Keyten]

Очень здорово можно использовать цветовую систему HSL для обработки пикселей. Получается аналог фотошоповского Hue / Saturation. Например, увеличить насыщенность:
function(r,g,b){
var pix = RGBtoHSL(r,g,b);
pix.saturation += 10;
pix = HSLtoRGB(pix);
return [ pix.r, pix.g, pix.b, 255 ];
}

Или вполне можно поиграться с цветовой схемой. Когда-то этим развлекался…

[@Keyten]

Добавлю несколько фреймворков, работающих таким способом с фильтрами:

camanjs.com/
github.com/kig/canvasfilters
github.com/alexmic/filtrr
github.com/evanw/glfx.js
tcorral.github.com/IM.js/
humblesoftware.github.com/js-imagediff/
github.com/mezzoblue/PaintbrushJS
www.pixastic.com/
seriouslyjs.org/
www.quasimondo.com/StackBlurForCanvas/StackBlurDemo.html
github.com/ian-/ube
peternitsch.net/bitmapdata.js/

Кстати SeriouslyJS здесь работает с видео, а glfx с помощью WebGL.

Ну и была статья на html5rocks: www.html5rocks.com/en/tutorials/canvas/imagefilters/

[@radist2s]

У Чикуенка есть отличная статья по теме.