HTML5 画布 - 在画布中获取文本框值

HTML5 Canvas - Get textbox value in canvas

本文关键字：取文本 布中获 画布 HTML5      更新时间：2023-09-26

这是我的JSFiddle：

http://jsfiddle.net/fknjz/5/

（忘记更新按钮旁边的保存按钮...

所以我希望能够填充主图像下方的文本框，并且在按"更新按钮"时......文本将在画布中更新。

JS代码在HTML部分...当它在JS部分时，它运行不佳。

现在我尝试：

<input type="text" id="nom"/>  /* THE TEXTBOX */

并且对于JS代码绘制文本：

oCtx.fillText(document.getElementById("nom").value, 283, 350);

效果不是很好...因为当我单击更新时没有任何反应...使用FIREFOX，它似乎正在使用一个窗口。但不能在Chrome，Safari中工作...等。什么功能可以使它在主要浏览器中正常工作？

谢谢！

JSFiddle： http://jsfiddle.net/fknjz/17/

我将在画布中编写文本的代码移动到一个名为"updateClicked"的函数中。单击更新按钮时，将调用此函数。此外，我使"oCtx"成为全局变量。现在工作正常。

我相信

你应该放入一个"onclick"函数，而不是"onload"。但是，话又说回来，我对这一切也很陌生！

我希望这对你有帮助。

或者，试试这个：

oCtx.fillText（"document.getElementById（"nom"）.value"， 283， 350）;

（注意引号）

此致敬意蒂亚戈
相关文章：