title: Update fabric.js Path points dynamically
body: <p>I'm trying to add points to a path object dynamically. When I do, the path renders correctly, but the bounding rectangle never gets updated, making it nearly impossible for a user to select and move the path on canvas.</p>
  
  <p>As you can see in the code below, the path is initially created with a single point, then I dynamically add a second point as well as a control point.  After doing this, the bounding rectangle never updates:</p>
  
  <pre><code>var canvas = new fabric.Canvas('c');
  canvas.backgroundColor = '#f5f5f5';
  var path = new fabric.Path('M 0 20',{
      left: 100,
      top: 100,
      stroke: 'black',
      fill: ''
  });
  
  canvas.add(path);
  
  var commandArray = [];
  commandArray[0] = 'Q';
  commandArray[1] = 50;
  commandArray[2] = 100;
  commandArray[3] = 100;
  commandArray[4] = 20;
  
  path.path[1] = commandArray;
  
  canvas.renderAll();
  </code></pre>
  
  <p>I also tried calling <code>path.setCoords()</code>, but that did not make any difference.  How can I get the bounding rectangle to update its dimensions after adding points to a path?</p>
  
  <p>Here's a fiddle: <a href="http://jsfiddle.net/flyingL123/17ueLva2/2/" rel="nofollow">http://jsfiddle.net/flyingL123/17ueLva2/2/</a></p>