Как стать автором
Обновить

Комментарии 8

Что насчёт кроссбраузерности? Как-то искал что-то похожее, всё не работало в IE…
В актуальном IE9 работает отлично.
Пожалуйста, отформатируйте код. Тэг source вам в помощь. :)
отформатировал. Спасибо
Азы какие-то.
Очень здорово можно использовать цветовую систему 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 ];
}

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

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/
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории