キャンバスにテキストで注釈を付ける

Question

キャンバスに画像があります。ユーザーがキャンバスをクリックすると、クリックのx座標とy座標を見つけることができます。今、私はユーザーが何かを入力し、画像の上に結果を書くことができるテキストボックスを開きたい。何か案は？

Answer 1

私はこれを行うと考えることができるいくつかの方法があります。おそらく最も単純なのは、テンポラリテキスト入力（<input type="text" />）をキャンバス上に移動し、その中にユーザタイプを入力してから、完了したらテキストをキャンバスにfillText()で書き込むことです。私は個人的には、できるだけ長い間、入力フィールドにテキストを保存して、ユーザーがフィールドに戻って編集できるようにします。