help with filling in a circle with an image

[manoveio]

Hi, I’m new and I don’t know how to fill in a circle with an image …
I know how to do it with pure javascript, but with Phaser I couldn’t do it.
I am very grateful for the help!

code with pure javascript:
var canvas = document.getElementById(‘canvas’);

var ctx = canvas.getContext(‘2d’);

var img = new Image();

img.src = ‘https://phaser.io/images/logo/logo-download-vector.png’;

img.onload = function() {

var pattern = ctx.createPattern(img, ‘repeat’);

ctx.fillStyle = pattern;

ctx.beginPath();

ctx.arc(300, 175, 150, 0, 2 * Math.PI);

ctx.fill();

};

Outcome:

[malahaas]

Check out this: Phaser 3
That should give you tiled backgrounds pretty easily.
Then you could use setMask: Phaser 3 API Documentation - Class: TileSprite

Does that work for your needs?