title: JavaFX Circular Cutout
body: <p>I am developing a JavaFX desktop application and I would like to overlay a circular viewport on another panel.</p>
  
  <p>Here is an very simple image depicting what I want, the white area would be transparent and showing the underlying panel. The black area would be a solid color and prevent mouse events from triggering on the underlying panel.</p>
  
  <p><a href="https://i.stack.imgur.com/mWHR5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mWHR5.png" alt="Example"></a></p>
  
  <p>I have looked into using a Canvas with an event listener attached that ignores all events within the circles radius but I am wondering if there is a more efficient / less hacky method to do this?</p>
  
  <p>Thanks in advance.</p>