使用JavaScript在画布上反复写入文本

使用JavaScript在画布上反复写入文本,javascript,Javascript,我正在写JavaScript。我有在画布上插入图像和另一个功能,我把文本从文本框到画布图像按钮点击文本。但现在的问题是,若我在文本框中输入不同的文本,然后一次又一次地点击按钮,它会一次又一次地重写文本。我想以前的文字应该清楚,新的文字来的形象。我不想清除图像。有人能帮我吗?有几个选择 将文本覆盖在另一个元素中,然后仅更新该元素 清除并重新绘制画布的相关部分(需要保留所有绘图命令的历史记录) 转换为SVG 画布仅保存图形的光栅状态。它没有顺序或子元素的概念。第一个可能是最简单但很难在不知道自己在做

我正在写JavaScript。我有在画布上插入图像和另一个功能,我把文本从文本框到画布图像按钮点击文本。但现在的问题是,若我在文本框中输入不同的文本,然后一次又一次地点击按钮,它会一次又一次地重写文本。我想以前的文字应该清楚,新的文字来的形象。我不想清除图像。有人能帮我吗?

有几个选择

  • 将文本覆盖在另一个元素中,然后仅更新该元素
  • 清除并重新绘制画布的相关部分(需要保留所有绘图命令的历史记录)
  • 转换为SVG
  • 画布仅保存图形的光栅状态。它没有顺序或子元素的概念。第一个可能是最简单但很难在不知道自己在做什么的情况下说出的