在画布中添加文字，如油漆

Question

我需要实现一个html5应用程序，允许用户将文本添加到我的html5 cnavas中。 类似于我们在paint中的方式。用户将能够修改字母的大小，类型..等等

Answer 1

查看此链接，这可能是您所需要的：http://h4ckcod3r.in/html5app/

这是我在html5 canvas中做的第一件事。你可以查看来源，这是不言自明的。

这是一个简单的涂料应用程序，＆amp; 您应该可以修改它以添加文字功能。

应该是你应该在每次用户更改字体，字体大小，类型，文本宽度等时重绘画布。我想你知道fillText和{{1} } options。

Answer 2

我建议看看 html2Canvas 它会读取一个页面（或元素）样式并将它们渲染到画布上。它不是100％完美，但它的效果非常好。

Check out some of the examples，例如this one（单击以在文本和画布之间循环），这与您尝试执行的操作非常接近。这至少应该让你走上正确的道路。