Kineticjs - 将可拖动图像绑定到画布上

Question

我正在使用Kinetcjs库来处理画布中的图像，因此我们可以在Canvas中拖动图像。

我遇到的一个问题是用户可以将加载到画布中的图像拖离画布。当我们尝试在用户完成图像时获取图像时，这显然会导致问题，因为他们可以在画布中间上传图像。

无论如何我们可以绑定它，以便图像的顶部不能被拖过画布的顶部，图像的底部被拖过画布的底部？

Answer 1

我已经开始工作了。对于有兴趣如何做到这一点的人，我这样做了：

photo.setDragBoundFunc(function(pos){                           
    var yBound = stage.getHeight()-newPhotoHeight;

    if(pos.y >= yBound && pos.y < 0)  {
        var newY =  pos.y;
    } else if(pos.y < yBound) {
        var newY = yBound;
    } else if(pos.y > 0) {
        var newY = 0;
    } else {
        var newY = pos.y;
    }

    return {
            x: this.getAbsolutePosition().x,
            y: newY
           }
    });