title: When typed on image using textarea, the text gets one character delayed
body: <p>JsFiddle : <a href="http://jsfiddle.net/shabbirrangwala/h9uaQ/19/" rel="nofollow">http://jsfiddle.net/shabbirrangwala/h9uaQ/19/</a>  I am trying to add only 50 characters per line and 17 rows and i want to get the output in form of image. Somehow the rows and cols are not been restricted. What am i doing wrong here?</p>
  
  <p>Sample Code :</p>
  
  <pre><code>tCtxt.canvas.width = tCtxt.measureText(this.value).width;       
  var t = this.value.split('\n'); 
  
  tCtxt.canvas.height = t.length*15;      
  tCtxt.font = "12px monospace";
  tCtxt.fillStyle = "black";
  
  var y = 12;
  for(var i=0; i&lt;t.length; i++, y+=12) {
      tCtxt.fillText(t[i], 0, y);
  }  
  imageElem.src = tCtxt.canvas.toDataURL();
  </code></pre>