Главная
Новости
Статьи и обзоры
Горожанин
Обнинск в Internet
Web Design
Hardware
Software
Безопасность
Серфинг
Игродром
Relax
Технологии
Web-обзор
Интернет-ликбез
Опросник
УП-Технологии
ART.net
Ссылки
Архив
О нас
Контакты
Форумы
Основатель:
К.Николаенко
Главный Редактор:
С.Коротков
Web Design:
Neutron
![]()
![]()
![]()
![]()
![]()
![]()
![]()
|
|
= Web-Дизайн =
ГРАФИКА В РНР: СОЗДАЕМ И МЕНЯЕМ РИСУНКИ
Андрей Гончаренко
начало в: #33(145)
Для начала создадим шаблоны заголовка и "подвала" HTML-документа, которые будем использовать для того, чтобы не засорять РНР-код конструкциями HTML:
header.tpl
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//RU">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<title>Работа с графикой в php</title>
</head>
<body>
footer.tpl
</body>
</html>
Допустим, мы хотим создать графический счетчик посещений и у нас есть файл-заготовка, в который нужно "дописать" количества посещений. Он может выглядеть так:
МОЙ СЧЕТЧИК
ВСЕГО:
СЕГОДНЯ:
Тогда скрипт, который помещает в заготовку счетчика данные о посещениях, может выглядеть следующим образом (сам подсчет посещений пропущен):
counter.php
<?php
header("Content-type: image?png");
$im =ImageCreaterFromPNG("counter.png");
include "colors.inc";
//определяем размер шрифта для вывода текста
$fontSize=1;
//задаем координаты для вывода первой строки
$x1=40; $y1=22;
//задаем координаты для вывода второй строки
$x2=49; $y2=33;
//пишем количество посетителей всего
ImageString($im, $fontSize, $x1, $y1, "1 000 000", $blue);
//пишем количество посетителей сегодня
ImageString($im, $fontSize, $x2, $y2< "10", $blue);
//выводим картинку
ImagePNG($im);
//освобождаем занимаемую рисунком память
imagedestroy($im);
?>
Скрипт для отображения счетчика может быть таким:
<?php
include "header.tpl";
echo "<center><img src=\"counter.php\"></center>";
include "footer.tpl";
?>
Как видите, в использовании GD нет ничего сложного.
СОЗДАНИЕ ЛИНЕЙНОГО ГРАФИКА СРЕДСТВАМИ БИБЛИОТЕКИ GD
Для создания линейного графика нам следует познакомиться еще с несколькими полезными функциями библиотеки GD. В первую очередь нам понадобятся инструменты для рисования линий. Для этого существует функция imageline (int im, int x1, int y1, int x2, int y2, int col), которой в качестве параметров нужно передать идентификатор созданной уже области рисования, координаты начальной и конечной точек, а также цвет линии. Для графика нам понадобяться координатные оси, которые заканчиваются стрелками. Для их отрисовки понадобится еще одна функция, создающая замкнутый многоугольник произвольной формы. Она имеет следующий формат вызова: imagefilledpolygon(int im, array points, int num_points, int col), где im - идентификатор области рисования, points - массив, содержащий координаты точек многоугольника (arr[0]=x0; arr[1]=y0; arr[2]=x1; и т.д.), num_points - количество точек полигона, col - цвет заполнения. Аналогичная функция - imagepolygon - предназначена для создания незакрашенного многоугольника.
К написанию скрипта приступим в следующем номере газеты.
Продолжение следует.
|
|
