# How to clip a rectangle image to circle

**URL:** <https://phaser.discourse.group/t/how-to-clip-a-rectangle-image-to-circle/5906>\
**Category:** Phaser 3\
**Created:** [April 15, 2020, 7:19am UTC](https://phaser.discourse.group/t/how-to-clip-a-rectangle-image-to-circle/5906 "2020-04-15T07:19:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![shuazi](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/shuazi/32/3171_2.png) [@shuazi](https://phaser.discourse.group/u/shuazi)\
**Post date:** [April 15, 2020, 7:19am UTC](https://phaser.discourse.group/t/how-to-clip-a-rectangle-image-to-circle/5906/1 "2020-04-15T07:19:31Z")

</div>

I’m new to Phaser3 and i can speak a little English…sorry  
I use plugin circlemaskimage (link: [https://rexrainbow.github.io/phaser3-rex-notes/docs/site/circlemaskimage/](https://rexrainbow.github.io/phaser3-rex-notes/docs/site/circlemaskimage/)) ,

it can works on type: Phaser.AUTO,  
it can not works when i change the type to Phaser.CANVAS.

I need it works on canvas type, how can i do?

Is there other ways to implement clip a rectangle image to circle?

Thanks a lot.

---

<div class="post-metadata">

**Author:** ![rexrainbow](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/rexrainbow/32/51_2.png) [@rexrainbow](https://phaser.discourse.group/u/rexrainbow)\
**Post date:** [April 15, 2020, 3:57pm UTC](https://phaser.discourse.group/t/how-to-clip-a-rectangle-image-to-circle/5906/2 "2020-04-15T15:57:55Z")

</div>

It’s a bug of my plugin. Fixed now. Please download minify js file again (or update repo from github) to use latest version of CircleMaskImage. (NPM version has not upgraded yet)

---

<div class="post-metadata">

**Author:** ![shuazi](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/shuazi/32/3171_2.png) [@shuazi](https://phaser.discourse.group/u/shuazi)\
**Post date:** [April 16, 2020, 5:52am UTC](https://phaser.discourse.group/t/how-to-clip-a-rectangle-image-to-circle/5906/3 "2020-04-16T05:52:27Z")

</div>

It works ! Thanks a lot! 👍
