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

Question

这是我的 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 它似乎正在使用 window.refresh......但不能在 Chrome、Safari ......等中工作。什么功能可以使它在主流浏览器中正常工作？

谢谢！

Answer 1

我相信你应该把一个“onclick”功能放在里面，而不是放在“onload”上。但是，再说一次，我对这一切也很陌生！

我希望这能帮到您。

---

或者，试试这个：

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

（注意引号）

---

最好的问候，蒂亚戈

Answer 2

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

我将用于在画布中写入文本的代码移动到名为“updateClicked”的函数中。单击更新按钮时，将调用此函数。此外，我将“oCtx”设为全局变量。现在工作正常。