Несколько текстов на холсте HTML5 с помощью перетаскивания

Question

Я пытаюсь добавить несколько текстов на холст элемента HTML5, используя context.fillText(...), но таким образом он добавляет только один (последний, как я понимаю).
Я хочу перетаскивать тексты друг в друга и объединять их содержимое.
Я знаю, что это можно сделать с помощью JQuery и без canvas, но мне нужно сделать это следующим образом.
Как я могу это сделать?

Answer 1

Во-первых, API перетаскивания в HTML5 полностью отделен от перетаскивания в пределах в Canvas.Будьте осторожны, чтобы не перепутать их.

Для любого выбора, перетаскивания в пределах холста вам придется реализовать его самостоятельно.У меня есть несколько простых учебных пособий по этому вопросу, чтобы вы могли начать.

Вы также захотите создать правила, специфичные для вашего случая, которые, вероятно, будут такими, как:

"Если объект упал достаточно близко к другому объекту, объедините их в один более крупный объект, ширина которого равна наибольшему из двух, а высота равна двум объектам, объединенным. Объект сверху - это объект сменьшее значение Y в верхнем левом углу. "

Такие операции не должны быть особенно сложными для программирования, но вам придется продумать все последствия, и вам придется все это делатьсебя, потому что нет такого API, чтобы помочь вам там.