Kineticjs形状组可以被拖出舞台并在舞台外面被淹没，失去了形状

Question

Kineticjs可以将各组形状拖出舞台，然后在舞台外面失去形状。

Answer 1

...是

默认情况下，可以将形状拖出组，甚至拖出舞台。

您可以使用dragBoundFunc将形状拖动限制到指定区域。

这是一个小提琴：http://jsfiddle.net/m1erickson/bP92U/

var rect = new Kinetic.Rect({
  x: 20,
  y: 20,
  width:50,
  height:30,
  fill: 'blue',
  draggable: true,
  dragBoundFunc: function(pos) {
    var w=this.getWidth();
    var h=this.getHeight();
    if(pos.x<0){pos.x=0;}
    if(pos.x+w>sw){pos.x=sw-w;}
    if(pos.y<0){pos.y=0;}
    if(pos.y+h>sh){pos.y=sh-h;}
    return {
      x: pos.x,
      y: pos.y
    }
  }
});