KineticJS — Shape.setPosition();

У меня небольшие проблемы с KineticJS.

Как видно из моей скрипки, я могу получить доступ к объекту Shape (окну) внутри моего drop, чтобы получить координаты x, y, и я выполняю математику с ними, чтобы получить новые координаты, к которым я хочу «привязать» фигуру, но я не могу понять, как установить положение и перерисовать коробка.

Документы в лучшем случае скудны:

http://www.kineticjs.com/api-docs.php (см. Shape. установитьПозицию(х, у))

Кто-нибудь здесь уже возился с этой библиотекой?

EDIT: Моя работающая скрипка: http://jsfiddle.net/Programmer/m4MZk/


javascript kineticjs
person Josh    schedule 19.01.2012    source источник

Ответы (2)


arrow_upward
7
arrow_downward

посмотрите лабораторную работу «Животные на пляже», которая является примером привязки объектов формы к месту в зависимости от их координат:

http://www.html5canvastutorials.com/labs/html5-canvas-animals-on-the-beach-game-with-kineticjs/

person Eric Rowell    schedule 20.01.2012
comment
Спасибо! На самом деле я понял это вчера и обновил свою скрипку, но мне очень нравится опубликованный вами документ, я его не видел, и то, что вы опубликовали, помогло бы мне, поэтому я приму ваш ответ. - person Josh; 20.01.2012

arrow_upward
2
arrow_downward

Это сработало для меня и теперь было расширено до полного приложения для рисования схем.

Он основан на коде «Животные на пляже», но немного проще.

http://reviseomatic.org/help/e-tools/Diagram%20Designer%20Circuits.php

wire1vImg.on('dragend', function() {
  var point = wire1vImg.getPosition();
  var newX = Math.round(point.x / 15) * 15;
  var newY = Math.round(point.y / 15) * 15;
  wire1vImg.setPosition(newX, newY);
  stage.draw();
});
person nbauers    schedule 20.08.2013