javascript - 在画布上的类型事件上协调画布上的位置

Question

我有一个带有背景图像的画布。我通过用户在“onkeydown”事件上的输入在画布上呈现文本，wgich 调用一个函数来执行 acutall 写作。

问题是，当画布上的针迹线（或位置）要写，然后又要写在一行上时，写字开始于画布上的同一个宽度点。

该行由 gLine 全局变量操作。

有没有办法“记住”或保存我上次输入的画布上的位置？

谢谢你 ！

<canvas class="canvas" width="400" height="400"></canvas>


<input onkeyup="onTyping(event,this.value)" class="text" onfocus="this.value=''" type="text" >


function onTyping(ev,inputText,font = "40px Impact") {
  let textPosX = 20;
  let text = document.querySelector(".text");
    gCtx.font = font;
    gCurrText=inputText;
    gCtx.strokeText(gCurrText,textPosX,gLine);
}

标签： javascriptcanvas