旋转 div 容器后 React-konva 移动矩形

Question

我正在使用 react-konva 库来绘制一个固定大小的矩形。矩形具有鼠标拖动事件onDragStart 和onDragEnd，以便在拖动矩形时重新定位矩形。当父 div 角度 (id="parentDiv") 为 0 度时，该事件工作正常。当我尝试使用 CSS 旋转来旋转 div 时，矩形事件不会触发并且矩形根本不会移动！。我对 react-konva 库完全陌生，找不到任何与我类似的案例。

此案例的完整代码（codesandbox）可以在this link找到。

如果您有任何问题，请在 cmets 中告诉我。

Answer 1

目前Konva 不支持用 CSS 转换的容器。它破坏了事件检测。您可以尝试旋转舞台或图层以达到类似的效果。