Html 在画布中添加文本，如绘制

我需要实现一个html5应用程序，允许用户向我的html5 CNAVA添加文本。

---

与我们在绘画中的做法类似。用户将能够修改字母的大小，键入..等

查看此链接，这可能是您需要的：

这是我在html5画布上做的第一件事之一。您可以查看源代码，这是非常不言自明的

这是一个简单的绘图应用程序，您应该能够修改它以添加文本功能

---

这样做的逻辑应该是，每次用户更改字体、字体大小、类型、文本宽度等时，您都应该重新绘制画布。我想您知道

fillText

和

strokeText

选项。

我建议您看看它读取页面（或元素）样式并将其呈现到画布上。它不是100%完美，但它工作得相当好

---

例如（单击以在文本和画布渲染之间循环），这与您尝试执行的操作非常接近。这至少会让你走上正确的道路。

你的问题是什么？你试过什么？@Jordan我不太清楚。我需要像TinyMCE（）这样的东西，所以当用户完成文本后，我会将它们添加到cnavas，使用fillText和strokeText选项，我只需要写文本，不需要画线。但这是一个很酷的应用程序。是的，这要简单得多，每次只需使用所需的参数（x、y、填充/笔划、大小）等重新绘制画布即可&请查看此页面中的各种文本选项：