[英]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.