javascript - テキストエリアを使用して画像に入力すると、テキストが 1 文字遅れます

Question

JsFiddle : http://jsfiddle.net/shabbirrangwala/h9uaQ/19/ 行ごとに 50 文字と 17 行だけを追加しようとしていますが、画像の形式で出力を取得したいと考えています。どういうわけか、行と列は制限されていません。ここで何が間違っていますか？

サンプルコード:

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<t.length; i++, y+=12) {
    tCtxt.fillText(t[i], 0, y);
}  
imageElem.src = tCtxt.canvas.toDataURL();

Answer 1

textarea タグに wrap="hard" を追加して、ブレークポイントに新しい行を強制的に挿入してみてください