kinetic.js 能够拖出舞台吗？

Question

有谁知道是否可以设置 kinetic.js 以便用户可以拖动到舞台外？如果用户将鼠标移出舞台，一旦鼠标离开舞台区域，他们就会失去对项目的控制……如果您拖动的图像大于舞台，这会很烦人。 （我正在设置一个裁剪界面，他们在其中拖动蒙版后面的图像以裁剪个人资料图片 - 类似于 twitter 所做的）。

我四处搜索，找不到任何关于如何解决此问题的具体内容。似乎其他人在这里遇到了类似的问题，不得不稍微破解源代码来修复它：Kinetic.js don't lose grip on mouse out

我的想法是让舞台比现在大很多，并设置一个图层作为较小的遮罩区域，但是如果即使鼠标离开舞台，kineticjs 也只是跟踪鼠标事件会更方便。

Answer 1

您可以使用 javascript 来跟踪鼠标的位置，并使用 .simulate() 继续拖动对象，即使鼠标不在舞台上。 或者您可以在鼠标离开后放大舞台。 但基本上，您的舞台是一个 div/canvas，并且仅限于您定义它的位置。其他一切都是模拟其动作的技巧。