javascript - HTML canvas fillrect 使用了错误的颜色

Question

我想使用 html Canvas 实现一个简单的贪吃蛇游戏。我使用这段代码让蛇移动(使尾部变白并为我之前计算的头部、顶部、左侧、宽度和隐藏绘制新矩形):

        if (currentSnake.length == 45) {
            var tail = currentSnake.shift();
            ctx.fillStyle="white";
            ctx.fillRect(tail.left, tail.top, tail.wid, tail.hid);
        }
        currentSnake.push({top: top, left: left,wid: wid, hid: hid});

        ctx.fillStyle=coef[2];
        ctx.fillRect(left, top, wid, hid);

其中 coef[2] 是我之前定义的某种颜色。一切正常，但蛇的尾部变得不是白色(coef[2] 和白色之间的某种颜色混合)。我该如何解决这个问题？

Answer 1

如果我理解你在这里做什么，你是在尝试绘制旧部分以“删除”过去的位置吗？

这似乎是 X Y problem 的定义.清除旧框架，绘制新框架。这就是你做这类事情的方式。