Холст Mozilla с добавлением плавающего текста

Question

В моем элементе canvas я хочу добавить перетаскиваемый текст поверх изображения. Пользователь должен иметь возможность перемещать его в пределах области canvas. Я мог бы добавить текст с помощью некоторых функций API, но я не имею понятия о перемещаемом тексте. мне нужно использовать тег DIV, чтобы содержать текст?, но проблема в том, наконец, мне нужно сохранить холст как файл изображения, поэтому обычный тег DIV поверх холста не будет сохранен.

Я бы очень хотелуслышать ваши комментарии.

Answer 1

Вы должны использовать стандартные функции рисования текста, но вести запись позиции в переменной - тогда, когда текст перетаскивается (который вы можете рассчитать, используя его размер), вы можете нарисовать его на новой позиции (рассчитывается с использованиемкоординаты мыши).

Answer 2

Вы можете использовать SVG и некоторые текстовые элементы. В SVG каждый элемент является элементом DOM, поэтому вы можете прикрепить к нему события мыши, например.