视口外的 Konva 元素

【问题标题】：Konva element outside of viewport视口外的 Konva 元素
【发布时间】：2019-10-24 10:29:41
【问题描述】：

如果用户将元素拖到视口之外，我需要移动视口。 offsetX 和 offsetY 在这里没有帮助。如何解决这个问题？我尝试以多种方式做到这一点，但没有任何可行的示例。

简单示例：当我将红色矩形从视图中拖出时（例如到左上角），我希望我的视图随之移动。

codepen.io/dimabytes/pen/WNNORyZ

【问题讨论】：

你能澄清你的问题吗？也许添加图表或图像？

标签： javascript canvas konvajs

【解决方案1】：

当您的指针离开屏幕时，您必须移动图层坐标。假设您在更大的阶段中有一个层。

要了解如何更好地操作图层坐标，这有点用处：https://konvajs.org/docs/sandbox/Canvas_Scrolling.html

要获得指针位置，您需要以下内容：

node.on('onDragMove', (e) => {
   stageRef.getPointerPosition().x // That's your x position
   stageRef.getPointerPosition().y // That's your y position
});

通过这两个方向，您应该能够找到解决问题的方法。

【讨论】：