Fill a polynom with image

Hello,

Started working with phaser and html canvas couple of weeks ago. I am working on a tangram game (i know, a lot of them out there) where i have some shapes of types Phaser.GameObjects.Polygon.

How can i give some texture to those shapes? I want to somehow apply an image as a background and set an opacity to it so the color of the polynom can still be controlable.

I searched examples about graphics, texture, etc but did not found a case where you can take an image and apply it to a Polygon.

Attaching an image of the current game scene i am at.

Looking good!
Can you give us some more info- ie your code/what you’ve tried.

It doesn’t look like Polygons can have image backgrounds. You might want to look in to masks.

Thank you @UltimateProGrammer
I was thinking about mask, to create a container, add the image, tint the image to add color to it, since i need to control the color without having to create n numer of images, create a mask in the shape of a polynom and apply over it. Also probably i need to set the hit area of it as the polynom.
But was curious if it was a simpler solution since i already have my code around polynoms.