Как написать цикл рисования сетки на canvas?

Question

[Brain Storm]

Помогите написать цикл, рисующий сетку на canvas, независимо от размеров холста.

Comments

[SazereS]

Сетка должна обладать точным количеством ячеек или чем больше холст тем больше ячеек, но все ячейки фиксированного размера?

[Brain Storm]

все ячейки 25х25 чем больше холст тем их соответственно больше. просто у меня холст резиновый(80%)

Answer 1

[Pozadi]

for (var i = 0; i < canvas.width; i += 25) {
      context.beginPath();
      context.moveTo(i, 0);
      context.lineTo(i, canvas.height);
      context.stroke();
}

for (var i = 0; i < canvas.height; i += 25) {
      context.beginPath();
      context.moveTo(0, i);
      context.lineTo(canvas.width, i);
      context.stroke();
}

Comments

[Brain Storm]

уже сам разобрался. просто я вместо ; ставил ,

Answer 2

[Константин Довнар]

Контрольная чтоли? :)

Comments

[Brain Storm]

нет. я делаю проект рисования электросхем онлайн

[Vampiro]

жесть. если у вас с этим уже проблемы....

цикл от нуля до высоты холста с инкрементом 25.
рисуем горизонтальную линию
второй цикл от нуля до ширины холста с инкрементом 25
в нем линия вертикальная.

магия...

[Brain Storm]

а есть фидл? я еще только учусь

[Brain Storm]

@Vampiro все понял