Почему не происходит заполнение фигурами?

Question

[Фёдор]

Решил для себя поработать с изображениями на РНР используя GD. Есть задача вывести на экран квадрат, состоящий из n x n квадратов различного цвета. За основу взял canvas размером 800х800, решил заполнить его квадратами размером 200 - 1 (имитация бордера). То есть получается сетка 4х4, суммарно в 16 квадратов. Собственное есть вот такой код:

header('Content-Type: image/png');

function Square(): int
{
    $canvas = imagecreatetruecolor(800, 800); //создание холста

    $randomBackgroundColor = imagecolorallocate($canvas, rand(0, 255), rand(0, 255), rand(0, 255)); //Создаём рандомный цвет для квадрата

    for ($i = 0; $i <= 3; $i += 200) {
        for ($j = 0; $j <= 3; $j += 200) {
            imagefilledrectangle($canvas, $i, $j, 200 - 1, 200 - 1, $randomBackgroundColor); //Тут я ожидаю, что будет происходить заполнение пространства квадратами. 
        }
    }

    return imagepng($canvas);
}

Square();

Тут наступает момент, когда ожидание не совпадает с реальностью. Так как квадрат есть. Но только в начальной позиции в левом верхнем углу. Он меняет цвет, но заполнение canvas не происходит. Где я допустил ошибку?

Answer 1

[Rsa97]

for ($i = 0; $i <= 4; $i += 200) {
Первый шаг: $i = 0
Второй шаг: $i = $i + 200 = 200. 200 > 4, условие не выполняется, цикл завершается.

Comments

[Фёдор]

Я почему-то думал, что задав условие $i <= 3, то получу заполнение по по осиХ / осиY. Типа пройдусь 4 раза и заполню ряд

[Rsa97]

Фёдор, Вы неправильно думали. Программа ничего не знает о ваших мыслях и желаниях, она выполняет то, что в ней написано. Сказано увеличить счётчик на 200 - увеличивает. Перестало выполняться условие - завершает цикл.

[Фёдор]

Rsa97, Логично. Получается, в любом cлучае начальное условие будет $i = 0; Так как согласно функции imagefilledrectangle 2 и 3 аргумент задаёт позицию. В данному случае она 0,0. Верхний левый угол. Не понимаю, как тогда задать условие, что бы позиция смещалась на N 4 раза. На каждой итерации надо увеличивать на +200 для заполнения квадрата.

Чувствую себя невероятно тупым на такой простой задаче. :\

[Rsa97]

Фёдор, $i <= 800

[Фёдор]

Rsa97, Я так прописывал. До вашего ответа, получаю результат, не тот который ожидаю. Квадрат сместился влево вниз и увеличился в размерах. Если правильно понимаю, то я должен получить canvas 800х800 заполненный плитками 200х200

[Rsa97]

Фёдор, Прочитайте документацию по imagefilledrectangle, параметры x2 и y2.

[Фёдор]

Rsa97, Я читал и если правильно понял х1 и у1 задают точки откуда начинается отрисовка элемента, а х2 и у2 уже рисуют саму фигуру по заданным параметрам.

[Rsa97]

Фёдор, x2 и y2 задают противоположный угол, а не размер.

[Фёдор]

Rsa97, соответственно, задав координаты, я добавлю размер с учётом отступов между квадратами:

imagefilledrectangle($canvas, $i, $j, $i + 196, $j + 196, $randomBackgroundColor)

И, да. я получил ожидаемый результат. Спасибо, что помогли разобраться