畫布對點擊的響應

Question

我有一個畫布，根據FPS刷新圖像。

在每次刷新時，在畫布上繪製相同的圖像。 但是當我點擊這張圖片來執行一個功能時，有時畫布不會反應，有時候畫布會有一些延遲。

但我希望畫布在圖像中單擊時立即執行該功能。

那麼問題是什麼？ FPS？

預先感謝您。

Answer 1

我建議用這個作爲你的點擊反應：

var canvas = ... 
var ctx = ... 
canvas.addEventListener("mousedown", getPosition, false) 
function getPosition(event) { 
x = event.x; 
y = event.y; 
x -= canvas.offsetLeft; 
y -= canvas.offsetTop; 

// Now put code to describe specifically where to click 

if (x < 500 && x > 200 && y < 900 && y > 500) { 
// Code code code... 
} 

} 

我希望這有助於:)