Библиотека GD — основы рисования с помощью PHP

Анжела Брэдли — веб-дизайнер и эксперт по программированию с более чем 15-летним опытом. Эксперт по проектированию и разработке программного обеспечения для iOS, она специализируется на создании технических гибридных платформ.

Что такое GD-библиотека?

Библиотека GD используется для динамического создания образов. Из PHP мы используем библиотеку GD для мгновенного создания изображений GIF, PNG или JPG из нашего кода. Это позволяет нам делать такие вещи, как создание диаграмм на лету, создание изображения безопасности для защиты от роботов, создание эскизов изображений или даже создание изображений из других изображений.

Если вы не уверены, есть ли у вас библиотека GD, вы можете запустить phpinfo(), чтобы проверить, включена ли поддержка GD. Если у вас его нет, вы можете скачать его бесплатно.

В этом уроке будут рассмотрены самые основы создания вашего первого изображения. У вас уже должны быть некоторые знания PHP, прежде чем вы начнете.

Прямоугольник с текстом

1. С помощью этого кода мы создаем изображение PNG. В нашей первой строке, заголовке, мы устанавливаем тип контента. Если бы мы создавали изображение в формате jpg или gif, это изменилось бы соответственно.
2. Далее у нас есть дескриптор изображения. Две переменные в ИзображениеСоздать () являются шириной и высотой нашего прямоугольника в указанном порядке. Наш прямоугольник имеет ширину 130 пикселей и высоту 50 пикселей.
3. Далее мы устанавливаем цвет фона. Мы используем РаспределитьЦветИзображения () и иметь четыре параметра. Первая — это наша ручка, а следующие три определяют цвет. Это значения красного, зеленого и синего (в указанном порядке) и должны быть целыми числами от 0 до 255. В нашем примере мы выбрали красный цвет.
4. Затем мы выбираем цвет текста, используя тот же формат, что и цвет фона. Мы выбрали черный.
5. Теперь мы вводим текст, который мы хотим отобразить на нашей графике, используя Строка изображения (). Первый параметр — дескриптор. Затем шрифт (1-5), начальная ордината X, начальная ордината Y, сам текст и, наконец, его цвет.
6. Окончательно, ИзображениеPng () фактически создает изображение PNG.

Игра со шрифтами

Хотя большая часть нашего кода осталась прежней, вы заметите, что теперь мы используем ИзображениеTTFтекст () вместо Строка изображения (). Это позволяет нам выбрать наш шрифт, который должен быть в формате TTF.

Первый параметр — это наш дескриптор, затем размер шрифта, поворот, начало X, начало Y, цвет текста, шрифт и, наконец, наш текст. Для параметра шрифта вам необходимо указать путь к файлу шрифта. В нашем примере мы поместили шрифт Quel в папку Fonts. Как видно из нашего примера, мы также установили печать текста под углом 15 градусов.

Если ваш текст не отображается, возможно, вы указали неверный путь к шрифту. Другая возможность заключается в том, что ваши параметры Rotation, X и Y помещают текст за пределы видимой области.

Рисование линий

В этом коде мы используем Линия изображения () провести линию. Первый параметр — это наш дескриптор, за которым следуют начальные X и Y, конечные X и Y и, наконец, наш цвет.​

Чтобы сделать классный вулкан, как в нашем примере, мы просто помещаем это в цикл, сохраняя наши начальные координаты теми же, но перемещаясь по оси x с нашими конечными координатами.

Рисование эллипса

Параметры, которые мы используем с Эллипс изображения () являются маркером, координатами центра X и Y, шириной и высотой эллипса и цветом. Как и в случае с нашей линией, мы также можем поместить наш эллипс в петлю, чтобы создать эффект спирали.

Если вам нужно создать сплошной эллипс, вы должны использовать Заполненный изображением эллипс () вместо.

Дуги и пироги

С использованием изображение заполнено дугой мы можем создать пирог или кусочек. Параметры: ручка, центр X и Y, ширина, высота, начало, конец, цвет и тип. Начальная и конечная точки указаны в градусах, начиная с положения «3 часа».

1. IMG_ARC_PIE- Заполненная арка
2. IMG_ARC_CHORD — заполнен прямой кромкой
3. IMG_ARC_NOFILL — при добавлении в качестве параметра делает его незаполненным
4. IMG_ARC_EDGED — подключается к центру.Вы будете использовать это с nofill, чтобы сделать незаполненный пирог.

Мы можем поместить вторую дугу внизу, чтобы создать 3D-эффект, как показано в нашем примере выше. Нам просто нужно добавить этот код под цветами и перед первой заполненной дугой.

Завершение основ

До сих пор все изображения, которые мы создали, были в формате PNG. Выше мы создаем GIF, используя ИзображениеGif () функция. Мы также меняем заголовки соответственно. Вы также можете использовать ИзображениеJpeg () для создания JPG, если заголовки изменяются, чтобы отразить это соответствующим образом.

Вы можете вызвать файл php так же, как и обычную графику. Например: