Как использовать алгоритм размытия?

Question

[Евгений Низамиев]

Искал алгоритм быстрого размытия изображения, нашел вот здесь. Четвертый алгоритм.
Вроде по тестам очень не плохо, но возник вопрос как его использовать, т.е что надо сделать, чтобы размыть изображение(точнее canvas)?

Answer 1

[Илья Лесных]

Там же написано что значат аргументы - source channel, target channel, width, height, radius. То есть исходный массив пикселей, результирующий массив пикселей, ширина, высота и радиус размытия. Алгоритм применяется попиксельно, сдвигая его в соседний цвет в зависимости от радиуса. Значит нужно перед применением алгоритма получить карту пикселей изображения.

А карту пикселей можно получить так:

canvas.getImageData(0, 0, canvas.width, canvas.height)

Answer 2

[DancingOnWater]

Чем гаусово размытие не подходит?

На вход нужно подать массив, а потом полученный массив отобразить. В чем трудности возникли?

Comments

[Евгений Низамиев]

Прошу прощения, а как его отобразить?

[DancingOnWater]

Как подсказывает подсказывает гугл у canvas есть drwaImage

[Евгений Низамиев]

@DancingOnWater это кажется для изображений, а не для массивов пикселей.

[DancingOnWater]

@RadiationX Canvas не знаю, но гуглинг рассказывает и о putImageData

[Евгений Низамиев]

@DancingOnWater да, тоже нашел, однако пишет ошибку. ну чтож, буду разбираться

Answer 3

[Иван]

Попробуйте www.quasimondo.com/StackBlurForCanvas/StackBlurDem...

Comments

[Евгений Низамиев]

пробовал, он конечно достаточно быстрый, но даже изображение 100*100 он размывает около 50мс. По-этому нуждаюсь более быстром алгоритме.

[Сергей Протько]

@RadiationX что поделать... можете попробовать попрофалить, поинлайлить функции что бы уменьшить задержки на вызовы, попробовать использовать векторизацию, поиграться с FFT... вариантов много. Самый быстрый булр будет с применением шейдеров, но сами понимаете, работать это будет не везде.