title: Fill area With mouse
body: <p>What I want to do is very much clear in the attached image.<img src="https://i.stack.imgur.com/C7l4Z.png" alt="enter image description here"></p>
  
  <p>I want to drag the cartoon face to draw line shown by red dots.If I drag it outside of the pattern it should revert to initial stage.
  I have checked some canvas js libraries like paper.js,fabric.js, but couldn't find anything like this.</p>