检索画布上元素的ID

Question

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

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

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

这很好，但是现在在我的画布上有

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

如何获取“测试”的ID，以便将其更改为“命中！”在画布上。

Answer 1

您应该做的是清除画布，然后重新填充文本：

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