canvas - Mozilla キャンバスにフローティング テキストを追加する

Question

キャンバス要素で、画像の上にドラッグ可能なテキストを追加したい.ユーザーはキャンバス領域内でテキストを移動できるはずです.いくつかのAPI関数を使用してテキストを追加できますが、移動可能なテキストについてはわかりません. DIV タグを使用してテキストを含めますか?,しかし、問題は、最終的にキャンバスを画像ファイルとして保存する必要があるため、キャンバス上の通常の DIV タグは保存されないことです。

私は本当にあなたのコメントを聞きたいです。

Answer 1

標準のテキスト描画関数を使用する必要がありますが、変数に位置を記録しておく必要があります。これにより、テキストがドラッグされたときに (サイズを使用して計算できます)、新しい位置に描画できます (マウス座標を使用して計算できます)。 ）。

Answer 2

SVG といくつかのテキスト要素を使用できます。SVG では、各要素は DOM 要素であるため、たとえば、マウス イベントをそれに関連付けることができます。