Question

我的游戏中有以下圆圈。玩家会把他们拖到游戏的不同位置。当玩家选择时, 再玩一次, 我希望这些形状返回到 Init 函数中显示的原有位置。我该怎么处理这个? 谢谢。

stage = new Kinetic.Stage({
   container: "container",
   width: 900,
   height: 550
});

shapes = new Kinetic.Layer();

function init() {
  circle1 = new Kinetic.Circle({
     x: stage.getWidth() / 3.2,
     y: stage.getHeight() / 3.2,
     radius: radius,
     fill: "blue",
     stroke: "black",
     strokeWidth: 4,
     name: "circle",
     draggable: true
});  

shapes.add(circle1)
stage.add(shapes)

Answer 1

在一个单独的变量中存储默认值, 然后使用 < a href=" http://kinticjs.com/api-docs.php#docsNode" rel= "nofollow"\\ code>. setpotion( x, y) 重置它 :

//store settings
var settings = {
     x: stage.getWidth() / 3.2,
     y: stage.getHeight() / 3.2,
     radius: radius,
     fill: "blue",
     stroke: "black",
     strokeWidth: 4,
     name: "circle",
     draggable: true
}; 

//use settings
circle1 = new Kinetic.Circle(settings);

//after move, reset using:
circle1.setPosition(settings.x,settings.y);

Answer 2

您也可以使用这样的超级便捷设置Attrs 方法 :

circle1.setAttrs(settings);

干杯! 干杯! 干杯! 干杯!

Answer 3

我知道这个问题已经很老了但我刚解决了这样的问题

stage.removeChildren();
stage.setAttrs(stage.defaultNodeAttrs);

舞台. reset () 不再有效, 但是这应该做你想做的事。

友情链接