Canvas svg.js цикл

@zura87 · Регистрация: 22.12.2012

Author24 — интернет-сервис помощи студентам

Здравствуйте,
нужна помощь!

Javascript

var w = window.innerWidth;
var h = window.innerHeight;
 
var draw = SVG('canvas').size(w, h)
 
var rect = draw.rect(100,100)
 
for (i =0; i < ?; i++)
{
    ????
}

Как должен выглядеть цикл, чтоб квадратики заполняли весь канвас?
По иксу понятно, к примеру

Javascript

var x = 0;
for (i =0; i < 100; i++)
{
    rect = draw.rect(100,100).cx(x)
    x = x + 100
}

Но они размножаются только по ширине соответственно, а как сделать чтоб заполнили весь див?
Они просто должны быть разных цветов, с этим я разобрался а вот с размножением ни как.

Заранее спасибо!

Добавлено через 7 часов 5 минут
Сам решил уже.
Тема закрыта.

Javascript

ar w = window.innerWidth -5;
var h = window.innerHeight -10;
 
var draw = SVG('canvas').size(w, h);
 
var box_w = 200;
var box_h = 200;
 
unit_w = Math.round(w / box_w);
unit_h = Math.round(h / box_h);
 
 
for (var x = 0; x < unit_w; x++)/////
        var rect = draw.rect(box_w, box_h);
        rect.attr({fill:'#cccccc', x: box_w * x, y: box_h * y});
        
    }
}

Добавлено через 8 минут
Точнее

Javascript

var w = window.innerWidth -5;
var h = window.innerHeight -10;
 
var draw = SVG('canvas').size(w, h);
 
var box_w = 200;
var box_h = 200;
 
unit_w = Math.round(w / box_w);
unit_h = Math.round(h / box_h);
 
 
for (var x = 0; x < unit_w; x++)
{
    for (y = 0; y < unit_h; y++)
    {
        var rect = draw.rect(box_w, box_h);
        rect.attr({fill:'#cccccc', x: box_w * x, y: box_h * y});
        
    }
}

	22.08.2018, 00:21