检索 canvas 上的元素 ID

Question

我最初用 js 编写了一个脚本，现在我正在 canvas 上使用 HTML5 重写。以前我有

<p id = "collision">Test</p>

function checkHit(){
    if (my conditions) {
        document.getElementById("collision").innerHTML = "hit!";
    }
}

这工作正常，但现在在我的 canvas 我有

c.fillStyle = "#ffff00";
c.font = "30px Arial";
c.fillText("Test", 10, 50);

如何获取 "test" 的 ID，以便在 canvas 上将其更改为 "hit!"。

Answer 1

你应该做的是清除 canvas，然后用文本重新填充它：

c.clearRect(0, 0, canvas.height, canvas.width);
c.fillStyle = "#ffff00";
c.font = "30px Arial";
c.fillText("Hit!", 10, 50);

Retrieving ID of element on canvas