canvas - Mozilla 画布添加浮动文本

Question

在我的画布元素中，我想在图像上添加可拖动文本。用户应该能够在画布区域内移动它。我可以使用一些 API 函数添加文本，但我不知道可移动文本。我需要使用DIV标签来包含文本？，但问题是，最后我需要将画布保存为图像文件，所以画布上的普通DIV标签不会被保存。

我真的很想听听你的意见。

Answer 1

您应该使用标准的文本绘制函数，但在变量中记录位置 - 然后在拖动文本时（可以使用其大小计算），您可以在新位置绘制它（使用鼠标坐标计算）。

Answer 2

您可以使用 SVG 和一些文本元素。例如，在 SVG 中，每个元素都是一个 DOM 元素，因此您可以将鼠标事件附加到它。