首页 > 解决方案 > 检索画布上元素的 ID

问题描述

我最初用 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);

如何获得“test”的ID,以便将其更改为“hit!” 在画布上。

标签: javascriptjqueryhtmlwebpage

解决方案


你应该做的是清除画布,然后用文本重新填充它:

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

推荐阅读