HTML5画布文字编辑

Question

我使用fillText();在HTML5画布中填充了一个文本 如何使其可编辑并将值读入变量？ 文本必须位于画布内，因为它将写入一些复杂的多边形形状。

Answer 1

您无法从画布中获取文本。您需要做的是在使用fillText();并渲染画布之前将文本保留在变量中。如果要编辑画布中的文本，则必须再次绘制画布，并在想要使用fillText();渲染已编辑的文本时再次从变量中读取文本。

Answer 2

看看Zebra。它是一组在html画布上呈现的小部件，其中一个小部件是文本编辑器。看起来它是免费的，开源的，除了提供他们的js文件的链接，他们在GitHub上有一个Git存档。 http://www.zebkit.org/

Answer 3

将文本绘制到画布后，它将变为像素。原始文本（和多边形轮廓）将不会被存储。你无法从画布上取回它，就像你无法从jpg或png文件中获取它一样。

如果画布是由JavaScript绘制的，则可以将文本存储在其他位置。如果没有，你必须OCR它。