canvas shape中的click事件,旋转后只在原位置触发

Click event in shape in canvas only triggering in the original position after rotate

我正在使用 konvajs 绘制和使用 canvas 内部形状,每个形状都有一个点击监听器。

我有一个需要旋转整个 canvas 的场景。问题是当我旋转 canvas 容器时,形状的事件侦听器保持在原始位置。

令人惊讶的是,当我翻译 canvas 时,我没有看到相同的行为 - 我希望看到与形状改变位置相同的行为。

这里有一个可重现的例子:https://codesandbox.io/s/broken-wave-r4f7i7

Konva 不支持使用 CSS 转换容器。在这种情况下它无法正确计算指针位置。

如需rotate/scalecanvas,请使用Konva方法

stage.rotation(90);