Canvas 画布对单击的响应

我有一个画布，图像绘制是根据FPS刷新的

每次刷新时，在画布中绘制相同的图像。 但是当我点击这张图片执行一个函数时，有时画布没有反应，有时画布会延迟反应

但我希望画布在我单击图像时立即执行该函数

那么问题是什么呢？FPS

---

提前感谢您。

我建议您将此作为点击反应：

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...
}

}

var canvas=。。。
var ctx=。。。
canvas.addEventListener（“mousedown”，getPosition，false）
函数getPosition（事件）{
x=事件x；
y=事件。y；
x-=canvas.offsetLeft；
y-=canvas.offsetTop；
//现在将代码放在具体描述单击的位置
如果（x<500&&x>200&&y<900&&y>500）{
//代码代码。。。
}
}

---

我希望这有帮助：）

可能不是FPS，但我们不能在没有测试的情况下进行调查。如果您可以通过JSFIDLE提供代码片段或工作示例，我们可以帮助您。但是我想说的是，你的问题很可能是你的点击事件。我发现了问题：如果我在两次刷新之间点击图像，画布不会做出反应。