jQuery - создание фигур из меню

Question

Я работаю над небольшим домашним проектом, который позволяет пользователям добавлять элементы в изображение.Эти элементы содержатся в левой части страницы, для аргументов скажем, что элементы следующие: «Треугольник», «Квадрат» и «Круг».Когда вы перетаскиваете круг из левого div на центральный div, я бы хотел, чтобы он создал экземпляр этой формы и поместил его в центральный div, где я выбрал.

Как люди будут добиваться этого?

Большое спасибо, Джоэл jsFiddle

Answer 1

Пользовательский интерфейс jQuery предоставляет методы $ .draggable и $ .droppable. Опция в методе $ .draggable позволяет вам сделать «клон» -

$('#whatever').draggable({
  helper: 'clone'
});