Как можно сделать что-бы (grid) рисовался на холсте?

Question

[RasulCrosePHP]

Уменя есть холст(канвас), так же в js я прописываю setInterval(и каждую секунду очишаю канвас и рисую обратно, для того что-бы следы обьектов не оставались). Но иза этого я не могу заполнить холст квадратиками(grid), так как она очишаеться, помогите пожалуйста ?)

Comments

[sim3x]

Покажите код

[RasulCrosePHP]

sim3x,

var self = this;
    self.canvas = document.getElementById("myCanvas");
    self.context = self.canvas.getContext("2d");

    var drawGrid = function(w, h) {
  
        ctx.canvas.width  = w;
        ctx.canvas.height = h;
    
    
        for (x=0;x<=w;x+=20) {
            for (y=0;y<=h;y+=20) {
                ctx.moveTo(x, 0);
                ctx.lineTo(x, h);
                ctx.stroke();
                ctx.moveTo(0, y);
                ctx.lineTo(w, y);
                ctx.stroke();
            }
        }
        };

        drawGrid(1200, 700, "grid");

    self.key = false;
    self.randomDirection = false;

    self.startGame = function() {
        setInterval(self.updateGameArea, 1.955);
        setInterval(self.text, 0.8555);
        setInterval(enemyTank.getRandomDirection, 1000);

[Dima Polos]

Не пробовали requestAnimationFrame вместо setInterval?

Answer 1

[GreatRash]

Это же очевидно: вам нужно каждый кадр рисовать грид заново. Ну или (побыстрее будет) отрисовать грид на другом канвасе, который положить под первый.

Comments

[RasulCrosePHP]

Ну рисовать заново в интервале грид будет очень сильно тормозить страничка, а вот 2 идея точно подходит!)