title: How to add border to fabric js iText even when it is not active
body: <p>I have the need to be able to display a rectangle with text inside but I need it to handle word wrap. I found in fabric.js github <a href="https://github.com/kangax/fabric.js/issues/187" rel="nofollow">issue #187</a> discussion about exactly what I needed for this. Also found in fabric.js <a href="https://github.com/kangax/fabric.js/pull/725" rel="nofollow">pull request 725</a> where the commits were made relating to the issue. Additionally I found in the current master for the source code is the <a href="https://github.com/kangax/fabric.js/blob/master/src/shapes/textbox.class.js" rel="nofollow">textbox.class.js</a> that now exists for this,though its not yet in any Demos or Docs on the <a href="http://fabricjs.com/" rel="nofollow">fabricjs site</a>. </p>
  
  <p>There are a few things I need to happen in the shape I'm trying to display</p>
  
  <ol>
  <li>Must display text that when resized handles word wrap</li>
  <li>Must display a background color</li>
  <li>Must display a border color </li>
  </ol>
  
  <p>Item 1 is addressed with the TextBox shape now available in the source code. I can address item 2 using the <code>backgroundColor</code> option when creating the object. What I need is the ability to apply a border. I can do this with a <code>fabric.Rect</code> using stroke but since <code>fabric.Textbox</code> extends <code>fabric.IText</code> applying a stroke affects the text and I don't need that. I did find I could get somewhat of what I need using a <code>fabric.Shadow</code> but it's still not distinct enough and I can't increase it very much since it applies the shadow to text as well. </p>
  
  <p>I've put together a <strong>plunk</strong> <a href="http://plnkr.co/edit/hodT7RMFnwYxy9FzPgvK?p=preview" rel="nofollow">here</a> that shows an <strong>example</strong> what I currently have been trying. The need for the border is to give more separation in the boxes, as you'll notice in the example they are stacked cascading on top of each other and I will have possibly dozens of these on a screen at a time. </p>
  
  <p>I thought to try and use a <code>fabric.Group</code> but I couldn't get it to work correctly having a <code>fabric.Rect</code> and a <code>fabric.Textbox</code> together, on resize the Textbox wouldn't handle the word wrap as it does when not in a Group. </p>
  
  <p>Any suggestions on how I might be able to show a border? I would like to use <code>fabric.Textbox</code> and its options as much as possible to reduce number of shapes but the primary concern is adding a border. Thanks for your input. </p>