Обесцвечивание и размытие содержимого тега <canvas>возможно с javascript?

Question

Возможно ли использовать javascript / jquery для обесцвечивания, а также размытия содержимого тега, где оба эффекта минимальны в центре и максимально в углах радиально?

У меня есть элемент canvas с эффектом параллакса, когда вы перемещаете курсор. Я хочу размыть и обесцветить содержимое дальше от центра контейнера (div или canvas), но при этом позволить эффекту параллакса продолжаться внизу ... как я могу создать этот эффект?

Answer 1

Нет встроенных функций для того, чтобы делать именно то, что вы хотите, но у вас есть возможность кодировать что-то для этого или использовать существующую библиотеку, чтобы предоставить вам аналогичные функции. С холстом HTML 5 вы можете изменять изображения на уровне пикселей, используя JavaScript. Вот некоторые ссылки:

Пиксельная манипуляция от Beej

Несколько интересных методов размытия

JS Библиотека, которая включает размытие и десатурацию