Javascript 带拖动边界的kineticjs可拖动限制-未运行

我想拖拽我的舞台，上面，左边，右边，底部都有拖拽的边界，但它不起作用

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   
    }
});

var阶段=新的动力学阶段({
容器：'容器'，
宽度：578，
身高：363，
真的，
dragBoundFunc:函数（位置）{
var newY=位置y<50？50：位置y；
返回{
x:pos.x，
y:新的
};
},
dragBounds:{//它没有运行
前10名，
底数：300，
左:0,，
右：500
}
});

---

这是我的代码

dragBounds

不在当前版本的KineticJS中…请使用

dragBoundFunc

请参见此处的示例：

---

以下是kineticJS网站上的教程：

dragBounds

不在kineticJS的当前版本中…请使用

dragBoundFunc

请参见此处的示例：

---

下面是kineticJS网站上的教程：

+1 dragBounds属性被删除以支持dragBoundFunc，它支持无限拖放行为+1 dragBounds属性被删除以支持dragBoundFunc，它支持无限拖放行为