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

以下是我的JSFIDLE：

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

所以我希望能够填充主图像下方的文本框，当按下“更新按钮”时，文本将在画布中更新

JS代码在HTML部分…当它在JS部分时工作不好

现在我试着：

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

它的工作不是很好…因为没有发生什么事，当我点击更新。。。 在FIREFOX中，它似乎在使用一个窗口。刷新…但在Chrome、Safari等中不起作用。什么功能可以使它在主流浏览器中正常工作

---

谢谢大家!

我认为您应该在“onclick”函数中添加一个，而不是“onload”。但是，再说一次，我对这一切都是新手

我希望这对你有帮助。

---

或者，试试这个：

oCtx.fillText（“document.getElementById（“nom”）.value”，283350）；

（注意引号）

---

顺致敬意， 蒂亚戈：

我将用于在画布中写入文本的代码移动到一个名为“updateClicked”的函数中。单击“更新”按钮，该函数将被调用。此外，我将“oCtx”设置为全局变量。

---

现在工作正常。

当我加上引号时，它似乎工作正常。看：“但是更新按钮需要一个功能，它会是什么？”？这就是我找不到的，你在用Firefox，是吗？我在firefox上试过，它已经按照我的方式工作了。这就是问题所在，我构建它的方式不太好，因为它只在Firefox中工作。我需要正确的代码和功能，以使用更新按钮用文本框值更新画布图像，使其能够在所有主要浏览器（至少是Chrome、Safari、Firefox和IE9）上正常工作。谢谢我明白了，你试过了吗，这是默认的HTML5 doctype。这在小提琴（保存）中不起作用，因为安全问题。。。然而，这是可行的。我重新写了这篇文章，让它更有意义。。。希望我的更改能被你理解。我只是重新编写了它，因为修复它不会对你有任何帮助。你的流程和一切都有点混乱。也在HTML中内联js<。。。onclick=…/>通常是要避免的。。代码和关注点分离。感谢您抽出时间。我已经导入了Dreamweaver中的所有内容，但它不起作用。背景图像根本不显示。我在Firefox、Chrome和Safari中试用过，但没有效果。我建议你避免使用DreamWeaver的“设计模式”——你的HTML格式不正确。。看起来像是DW生成的HTML。-事实上，我建议你一起避免DW。。。我自己也是一个很长时间的DW用户——我可以说，现在我不用它，我的工作效率更高了。记事本++、geany、sublime text 2都是不错的选择。谢谢你的提示。我会检查这些应用程序太棒了！谢谢！很好。哦……我刚刚发现，如果我更改文本并再次单击“更新”，它将在我之前键入的文本上添加修改后的文本……如何使它始终更改文本框中的文本，而不是在彼此之间添加一行文本？谢谢

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