html - 在画布中添加文本，如油漆

Question

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

Answer 1

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

这是我在 html5 画布中制作的第一批东西之一。您可以查看源代码，它是不言自明的。

这是一个简单的绘画应用程序，您应该也可以对其进行修改以添加文本功能。

这样做的逻辑应该是每次用户更改字体、字体大小、类型、文本宽度等时都应该重画画布。我猜你知道fillTextandstrokeText选项。

Answer 2

我建议看一下html2Canvas它读取页面（或元素）样式并将它们呈现到画布。它不是 100% 完美，但效果很好。

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