javascript - 带有dragBounds的kineticjs可拖动限制-未运行

Question

我想用 DragBounds 拖动我的舞台，限制顶部、左侧、右侧、底部，但它不起作用

var stage = new Kinetic.Stage({
    container: 'container',
    width: 578,
    height: 363,
    draggable: true,
    dragBoundFunc: function(pos) {
        var newY = pos.y < 50 ? 50 : pos.y;
        return {
          x: pos.x,
          y: newY
        };
    },
    dragBounds: { // it's not running
        top: 10,
        bottom: 300,
        left: 0,
        right: 500   
    }
});

这是我的代码http://jsfiddle.net/kien16/aUWY2/

Answer 1

dragBounds不在 KineticJS 的当前版本中...使用dragBoundFunc

在此处查看示例：Kineticjs dragBoundFunc for a rect in a rect

这是来自 kineticJS 网站的教程：http ://www.html5canvastutorials.com/kineticjs/html5-canvas-drag-and-drop-shapes-horizo​​ntally-or-vertically-tutorial/