KeneticJS HTML5 Canvas перетаскиваемый и элементы на сцене

Итак, я пытаюсь создать сцену, на которой у меня может быть несколько элементов, которые можно перетаскивать ... но когда на сцене щелкают и перетаскивают, все элементы перемещаются вместе с ней.

Пока я могу заставить работать только одно или другое, добавив свойство «перетаскивание» к любому из них.

У кого-нибудь есть решение, как заставить это работать?

Вот JSfiddle http://jsfiddle.net/KHVhU/

Я рассмотрел возможность того, что мне может понадобиться сделать содержащий div перетаскиваемым с помощью jquery-ui вместо того, чтобы пытаться сделать все это внутри холста, но в идеале не хотел бы идти по этому маршруту


person haxxxton    schedule 06.09.2012    source источник


Ответы (2)


правильная библиотека kineticJs не была включена. Используйте правильные KineticJ ниже. http://d3lp1msu2r81bx.cloudfront.net/kjs/js/lib/kinetic-v4.4.1.min.js

Теперь каждый отдельный элемент можно будет перетаскивать даже со сцены.

person Uzair Ahmed    schedule 17.04.2013
comment
Боюсь, в вашем ответе не было ссылки - person haxxxton; 17.04.2013
comment
Я отредактировал ответ и добавил ссылку на кинетическую библиотеку JS. Вместо этого используйте эту ссылку. - person Uzair Ahmed; 18.04.2013
comment
Спасибо @Uzair Ahmed, это решение позволяет удалить вызовы функции setDraggable() .. я не думаю, что 4.4.1 был доступен, когда вопрос был опубликован .. но я рад, что Эрик обновил :) - person haxxxton; 26.04.2013

нашел решение с помощью функции setDraggable()

Обновлен JSFiddle здесь: http://jsfiddle.net/KHVhU/1/ :)

person haxxxton    schedule 06.09.2012
comment
Если вы добавите draggable:true обратно на сцену, его можно будет перетаскивать с самого начала jsfiddle.net/KHVhU /2 - person devnull69; 06.09.2012