用文本在画布上注释图像

Question

我有一个带有图像的画布。当用户点击画布时，我可以找到点击的x和y坐标。现在，我想打开一个文本框，用户可以在其中输入内容并将结果写在图像上。任何想法？

Answer 1

我可以通过几种方式来考虑这样做。可能最简单的方法是在画布上移动临时文本输入（<input type="text" />），用户输入该文本，然后在完成后，使用fillText()将文本写入画布。我个人会尽可能长时间地将文本保留在输入字段中，以便用户可以返回并编辑字段。