title: PixiJS: Add hole into graphics object
body: <p>I'm using <a href="http://www.pixijs.com/" rel="nofollow noreferrer">PixiJS</a> library. I want to create holes in graphics object. To do that I have search and tried loads of way but could not come up with any solution. </p>
  
  <p>Initially I was thinking this library would have support for non zero winding rule so I can accomplish my goal easily but it does not support winding rule so I fail on that attempt.</p>
  
  <p>Meanwhile I found some strange behavior with drawing. I have posted a bug at <a href="https://github.com/GoodBoyDigital/pixi.js/issues/1755" rel="nofollow noreferrer">github</a>. I don't know whether is it related to adding hole but mentioned here because one who interested to help me out it might be helpful to investigate this case better way.</p>
  
  <p>Other solution that I have come up with is that I can do it using something called <em><a href="https://github.com/GoodBoyDigital/pixi.js/issues/1639" rel="nofollow noreferrer">opposite of Masking</a></em>. I have tried this one also but don't know how to do it with graphics objects and also worry about that would it work for complex objects with thousands of cut.</p>
  
  <p>Below is the simple test that I'm trying to reproduce. There is three rectangles on top of each other and top most (red rectangle) has two holes. For simple test round hole is taken but that could be in any shape.</p>
  
  <p>I'm stuck at this stage and invested loads of time but still have no result. Any help would be really appreciable.</p>
  
  <p><img src="https://i.stack.imgur.com/9nuTs.png" alt="enter image description here"></p>