How to Add an SVG as a Mask to an Image and Enable Mask Selection in Fabric.js 6.3.0?

[Arkit-Sutariya]

I am currently working with Fabric.js version 6.3.0 and have encountered a requirement where I need to apply an SVG as a mask over an image object. Additionally, I would like to make the mask selectable, ensuring it behaves as expected while maintaining proper functionality.

I have created a demo in CodeSandbox where I’ve included both the SVG and the image object: CodeSandbox Link.

Could someone please guide me on the possible approaches to achieve this functionality? If there are any relevant demos or examples available, I’d appreciate it if you could share them.
Thank you in advance for your support!

Below is my expected output image.