当使用textarea在图像上键入时，文本延迟一个字符

When typed on image using textarea, the text gets one character delayed

本文关键字：延迟 文本 字符 一个 textarea 图像      更新时间：2023-09-26

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();

尝试在textarea标签中添加wrap="hard"来强制在断点处插入新行

相关文章：