title: Fabric.js text width being ignored
body: <p>I am trying to add text to a canvas from a form input.
  Is there a way to automatically wrap the fabricjs text, to fit inside the canvas?</p>
  
  <p><strike>There are 3 issues I am trying to overcome:
  1. the text doesn't respect the 'text.left' position if the string is longer than the given space.
  2. I cannot escape newlines, so the \n is written inline with the text.
  3. Center-align is completely ignored until text is updated.</strike></p>
  
  <p>Here is my fabric text:</p>
  
  <pre><code>var text = new fabric.Text($('#myInput').text(), {
      left: 10,
      top: 12,
      width: 230,
      textAlign: 'center',
      fontSize: 28,
      fontFamily: 'Helvetica Nue, Helvetica, Sans-Serif, Arial, Trebuchet MS'
  });
  </code></pre>
  
  <p>A <a href="http://jsfiddle.net/dval/Kz7VL/" rel="noreferrer">fiddle</a> showing the issue.</p>
  
  <p><strike>
  How do I insert a newline?
  How do I center-align the text in the given text-block?
  How do position the text-block on the canvas without having to make edits?
  </strike></p>
  
  <p>Edit:</p>
  
  <p>I have found that part of my problem was from using a text input. I changed that to a textarea element, and now newlines can be inserted easily. Weirdly, centering also works when I do this.</p>
  
  <p>I guess the only issue is that the text doesn't auto-wrap when it's wider than the given text-block width. So, instead of wrapping and adding lines, it just extends beyond the canvas. </p>
  
  <p>is there a way to do wordwrap type styling or do I have to count characters and insert linebreaks?</p>