javascript - Canvas 不会循环绘制

为什么在循环中绘制arent矩形？
我刚开始制作蛇游戏n试图通过循环绘制蛇的身体，但是由于某种原因ctx没有绘制循环。
如果我写没有循环的矩形，它的工作原理。

var canv = document.getElementById('canv');
var ctx = canv.getContext("2d");

var snake = [];
snake[0] = {x:100, 100};
snake[1] = {x:90, 100};
snake[2] = {x:80, 100};

var i;

function draw() {
   for (i = 0; i > snake.length; i++) {
     ctx.fillStyle = "yellow";
     ctx.rect(snake[i].x, snake[i].y, 22, 300);
     ctx.fill();
 }

setInterval(draw,100);

最佳答案

for循环是错误的（您有一个无限循环并使它小于i < snake.length）：

function draw() {
    for (i = 0; i < snake.length; i++) {
        ctx.fillStyle = "yellow";
        ctx.rect(snake[i].x, snake[i].y, 22, 300);
        ctx.fill();
    }
}

关于javascript - Canvas 不会循环绘制，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53639156/