I want to place a custom widget (like a bar chart, liquid animation)
inside an image respecting the contours of the image, as in the examples below.
It could be an image of a man, woman, glass, dog, whatever. I have tried several techniques but without success. I just want one solution, no matter the image format, whether it’s png, lottie, svg, etc…
enter image description here
Thank you all.
I tried to find some logic like transparent images but without success.
I tried a logic with two images, one with the outline of the cup and the other black with the filling of the cup in black, I tried to take the black pixels and draw a Clip Path. Unsuccessfully.
I tried solutions with ImageFilter, without success.
Mr. Wombat Man is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.