Fabricjs Effect Image

362 Views Asked by At

I have a picture that I'm carrying on a canvas by fabricjs

However need to do the effect indicated in the image below:

https://i.stack.imgur.com/ChdwD.png

Anyone have any idea?

1

There are 1 best solutions below

2
On BEST ANSWER

Unfortunately you didn't tried anything so I will give you just a start and some hints so you can do it by yourself.

I made you a jsFiddle. If you press the Do effect it will set the right part from your effect. You have to do the bottom part. You also need to set the top, left and the ctx function based on your image width and height. And the final step would be to set that if the image moves also the 2 clones should move with it.

I hope this helps you. Good luck.