Image distortion in ajax

Ahmad Jaber
Ahmad Jaber used Ask the Experts™
on
Hello everyone,
I have been trying for some time to change an image loaded on my site and to distort it as follows the photo.
ajax or other but please, can you help me please?

Sans-titre-1.png
Thank you for your help !
Comment
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
Scott FellDeveloper & EE Moderator
Fellow 2018
Most Valuable Expert 2013
Commented:
On the server side, you can use https://imagemagick.org/.  It will be a matter of looking through the examples and experimenting to get the effect you want. A little creative searching and you can find scripts like http://www.fmwconcepts.com/imagemagick/glasseffects/index.php

All of this is done at the command line so you can use any language. I use imagemagick on my own server but have not played with this effect.

Author

Commented:
I thank you very much!
Waw it's huge as an effects library!
I look and would come back for questions if I have any, thanks again!
Hi,

I'm using these libraries

Let me know if you need help to use these.

Recent (several effect pixelate, blurr ect) JavaScript TypeScript using WebGL
https://alain.xyz/blog/image-editor-effects#pixelate
https://github.com/alaingalvan/image-editor-effects

Frosted effect vanilla JS and CSS
https://github.com/cryptodescriptor/frosted-panel

Old but still good  (several effect pixelate, blurr ect) JavaScript using WebGL
https://github.com/evanw/glfx.js
http://evanw.github.io/glfx.js/

Author

Commented:
Thank you very much for your precious help, each of your options has been very favorable to me!

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial