Комментарии 8
Что насчёт кроссбраузерности? Как-то искал что-то похожее, всё не работало в IE…
0
Пожалуйста, отформатируйте код. Тэг source вам в помощь. :)
+6
Азы какие-то.
+10
Очень здорово можно использовать цветовую систему 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 ];
}
Или вполне можно поиграться с цветовой схемой. Когда-то этим развлекался…
function(r,g,b){
var pix = RGBtoHSL(r,g,b);
pix.saturation += 10;
pix = HSLtoRGB(pix);
return [ pix.r, pix.g, pix.b, 255 ];
}
Или вполне можно поиграться с цветовой схемой. Когда-то этим развлекался…
0
Добавлю несколько фреймворков, работающих таким способом с фильтрами:
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/
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/
+3
У Чикуенка есть отличная статья по теме.
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Манипуляция пикселями на холсте с использованием Javascript