title: How to free draw circle using Fabric.js?
body: <p>I am using <em>FabricJS</em>  to draw circle in canvas:</p>
  
  <pre><code>var circle = new fabric.Circle({radius: 100,
                   fill: '',
                   stroke: 'red',
                   strokeWidth: 3,
                   originX: 'center', 
                   originY: 'center' 
                 });
              var text = new fabric.Text('HELLO WORLD.',
                          {  fontSize: 30, 
                              originX: 'center', 
                              originY: 'center',
                              fill : 'red' 
                            });
              var group = new fabric.Group([ circle, text ], { 
                                             left: 150, top: 100
                                           });
              canvas.add(group);
  </code></pre>
  
  <p>This code draws a normal circle but I need to freely draw circle with mouse.
  Any code help will be appreciated.</p>