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);
我正在使用 konvajs 绘制和使用 canvas 内部形状,每个形状都有一个点击监听器。
我有一个需要旋转整个 canvas 的场景。问题是当我旋转 canvas 容器时,形状的事件侦听器保持在原始位置。
令人惊讶的是,当我翻译 canvas 时,我没有看到相同的行为 - 我希望看到与形状改变位置相同的行为。
这里有一个可重现的例子:https://codesandbox.io/s/broken-wave-r4f7i7
Konva 不支持使用 CSS 转换容器。在这种情况下它无法正确计算指针位置。
如需rotate/scalecanvas,请使用Konva方法
stage.rotation(90);