繁体   English   中英

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

[英]Kineticjs - bind draggable image to canvas

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

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

无论如何,我们是否可以绑定它,以使图像的顶部不能拖动到画布的顶部上方,而图像的底部不能拖动到画布的底部上方?

我已经工作了。 对于任何对此感兴趣的人,我都这样做:

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM