shape in canvas中的click事件旋轉后只在原來的position中觸發

Question

我正在使用 konvajs 繪制和使用 canvas，其中每個形狀都有一個點擊監聽器。

我有一個場景，我需要旋轉整個 canvas。問題是當我旋轉 canvas 容器時，形狀的事件偵聽器保留在原始 position 中。

令人驚訝的是，當我翻譯 canvas 時，我沒有看到相同的行為 - 我希望看到與形狀更改 position 相同的行為。

這里有一個可重現的例子： https://codesandbox.io/s/broken-wave-r4f7i7

Answer 1

Konva 不支持 CSS 的容器轉換。在這種情況下它無法正確計算指針 position。

如果需要旋轉/縮放 canvas，請使用 Konva 方法。

stage.rotation(90);