用文字在畫布上註釋圖像

Question

我有一個畫布，上面有圖像。當用戶點擊畫布時，我可以找到點擊的x和y座標。現在，我想打開一個文本框，用戶可以在其中輸入內容並將結果寫入圖像頂部。有任何想法嗎？

Answer 1

有幾種方法我可以考慮這樣做。可能最簡單的方法是在畫布上移動一個臨時文本輸入（<input type="text" />），並輸入用戶類型，然後在完成後，使用fillText()將文本寫入畫布。我會盡可能長時間將文本保留在輸入字段中，以便用戶可以返回並編輯字段。