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

Question

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

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

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

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