react-konva中舞台组件的鼠标进入和鼠标离开事件监听器不起作用

Question

react-konva中的舞台组件是否有鼠标进入和鼠标离开事件监听器？当用户鼠标进入，移动和离开画布时，我需要实现类似Figma的协作指针。试图在舞台组件上使用onMouseEnter和onMouseLeave，而是以某种方式在光标触摸Rect，Circle和Arrow组件时侦听。

Answer 1

在Konva中，事件始于形状。因此-如果您在舞台上设置on（'mouseenter'，...）事件，则只有当鼠标经过该舞台上的形状时，它才会触发。为了满足您的要求，请添加一个覆盖舞台的矩形，然后将监听器设置在该矩形上。或在指定为舞台容器的div上使用JS侦听器。