用JavaScript一次又一次在画布上写文本

Question

我在写JavaScript。 我在画布上插入了图像，并通过另一个功能通过单击按钮将文本框中的文本放置到画布图像上。 但是现在的问题是，如果我在文本框中输入不同的文本并一次又一次单击按钮，它就会一次又一次地写文本。 我希望以前的文本应该清除并且新的文本出现在图像上。 我不想清除图像。 有人可以帮我吗？

Answer 1

一些选择

1. 将文字覆盖在另一个元素中，然后对其进行更新
2. 清除并重新绘制画布的相关部分（要求您保留所有绘制命令的历史记录）
3. 转换为SVG

画布仅保留图形的栅格状态。 它没有顺序或子元素的概念。 第一个可能是最简单但很难知道的，却不知道自己在做什么。