用文本在画布上注释图像

Annotate image on canvas with text

本文关键字：注释图像文本更新时间：2023-09-26

我有一个带有图像的画布。当用户在画布上单击时，我可以找到单击的x和y坐标。现在，我想打开一个文本框，用户可以在其中输入一些东西，并将结果写在图像的顶部。什么好主意吗?

我有几种方法可以做到这一点。可能最简单的是移动一个临时的文本输入(<input type="text" />)在画布上，让用户在其中键入，然后当他们完成时，用fillText()将文本写入画布。我个人会尽可能长时间地保留输入字段中的文本，以便用户可以返回并编辑字段。