title: how to set canvas boundary circlular using fabric js in angular
body: <p><a href="https://i.stack.imgur.com/QiyIa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QiyIa.png" alt="enter image description here" /></a></p>
  <p>how can i make my canvas circular so that my object/logo dont go outside circular shirt collor, please see attatched pictures
  by default canvas is square , what i want is to be cirular behaviour of canvas.
  I have tried using css, but behaviour of canvas doesnot change it remains same.</p>
  <pre><code>var canvas = this.canvas = new fabric.Canvas('canvas');
  var pugImg = new Image();
  pugImg.onload = function (img) {
    var pug = new fabric.Image(pugImg, {
      scaleX: .25,
      scaleY: .25
    })
    canvas.add(pug).renderAll();
  
  };
  pugImg.src = event.target.src;
  </code></pre>