Question

您好我一直在研究kineticjs在网格上使用三个方框和两条线的问题。我想要的是能够拖动它们并将它们捕捉到网格中。他们现在这样做，但线条增长。我宁愿看到附加的矩形和直线，直到尾部位于形状的中心。如果对＃＆＃34;蛇＆＃34;的其余部分做了，那么这条线不应该是对角线。应该遵循线条应该留在网格线上并保持在形状中心内（蛇必须通过形状蠕虫才能发出声音）。

不确定这是否以可理解的方式描述了我的问题;但我希望如此

这是我的小提琴http://jsfiddle.net/9nfjJ/2/

   var dragFunction = function() {
      line1.setPoints([box1.getX()+box1.getWidth()/2, box1.getY()+box1.getHeight()/2 , box2.getX()+box2.getWidth()/2, box2.getY()+box2.getHeight()/2]);
      line2.setPoints([box2.getX()+box2.getWidth()/2, box2.getY()+box2.getHeight()/2 , box3.getX()+box3.getWidth()/2, box3.getY()+box3.getHeight()/2]);
     // internal_state_layer.draw();
   }
   box1.on('dragstart dragmove', function(){
     cell = current_cell(stage.getMousePosition())
     box1.setPosition(cell.x - half_button_size, cell.y - half_button_size);
     dragFunction();
   });

我的问题在于dragFunction（）;在draw_internal_state（cell）中;

只需移动形状即可获得我所说的效果线。

如果有人帮助创建游戏，请告诉我:) 干杯并提前谢谢你！

kineticjs拖动保持附加的盒子和线条完好无损

0 个答案: