Статичный эффект fisheye на весь размер vw, vh?

Question

[Serqwezxc]

Есть canvas, не могу переделать, как сделать что бы эффект fisheye был статичным и на всю картинку?
https://jsfiddle.net/xLgk6rmo/1/

Answer 1

[twobomb]

Comments

[Serqwezxc]

сорри за дополнительный вопрос, а как можно использовать этот эффект для блока, а не для картинки?

[twobomb]

Serqwezxc, что такое блок

[Serqwezxc]

twobomb, для div и его содержимого(текста)

[twobomb]

Serqwezxc, Нет конечно! Такое невозможно сделать на js, у него слишком ограниченный функционал. Здесь идет попиксельная обработка, вам никто не даст доступа к такому.
Но вы конечно можете попробовать сделать так, использовать библиотеку html2canvas для генерации изображения из html и потом уже работать с этим изображением, ну можно придумать умный механизм переключение между html и изображением отрендеренного html ну это фигня. Вот для примера что получится если просто отрендерить и наложить эффект