kineticjs - Kineticjs：ドラッグアンドドロップの境界をサークルトラックとして設定できますか？

Question

ドラッグアンドバウンドのサンプルは次のようになりました。

// set drag bounds after instantiation
shape.setDragBounds({
  top: 0,
  left: 0,
  right: 200,
  bottom: 200
});

しかし、それをサークルトラックとして設定することは可能でしょうか？ご清聴ありがとうございました。

Answer 1

はい、次のように実行できます。

dragBoundFunc: function(pos) {
        var x = 100;  // your center point
        var y = 100;  // your center point 
        var radius = 50;
        var scale = radius / Math.sqrt(Math.pow(pos.x - x, 2) + Math.pow(pos.y - y, 2)); // distance formula ratio
        if(scale < 1)
          return {
            y: Math.round((pos.y - y) * scale + y),
            x: Math.round((pos.x - x) * scale + x)
          };
        else
          return pos;
      }