title: Independed Compositing at Html5 Canvas + fabric.js
body: <p>i need to do something like the image below with canvas.</p>
  
  <p><img src="https://i.stack.imgur.com/BBd5j.jpg" alt="Click here to see"></p>
  
  <p>Users going to drag and drop images to to yellow bordered squares than change size-position of images. Images will be clipped inside yellow borders. I thought using clipping but, when use global clipping. Images run over other sections. What can i do about this? I want them behave something like independent clipping areas. </p>