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

Question

我正在编写JavaScript。我在画布上插入了图像，并且通过按钮单击将文本框中的文本添加到画布图像中。但现在问题是，如果我在文本框中输入不同的文本并再次单击按钮，它会一次又一次地写入文本。我希望以前的文字清晰，新的文字出现在图像上。我不想清除Image。有人可以帮我吗？

Answer 1

一些选项

1. 在另一个元素中叠加文本，然后更新
2. 清除并重绘画布的相关部分（需要保留所有绘图命令的历史记录）
3. 转换为SVG

Canvas仅保存绘图的栅格状态。它没有秩序或子元素的概念。第一种可能是最简单但很难说而不知道你在做什么。