В този урок ще засегнем отново темата обработка на изображения с GD, като ще се спрем на създаване на лентова графика.
CODE1
2
3
4
5
6
| <?php
$size_x = 640;
$size_y = 480;
$title = 'People moving to the snow every winter';
$title2 = 'Head count (in 1.000)';
?> |
Както и в предишния пример, първо сърраняваме в променливи хоризонталния и вертикалния размер на изображението. Останалата част от скрипта ще се мащабира правилно (освен фона), ако тези стойности бъдат променени. За да улесним нещата, в началото сме дефинирали статично и заглавията.
CODE1
2
3
4
5
6
7
8
9
10
11
12
13
| <?php
$values = array (
1999 => 5300,
2000 => 5700,
2001 => 6400,
2002 => 6700,
2003 => 6600,
2004 => 7100
);
$max_value = 8000;
$units = 500;
?> |
Масиват $value дефинира набор от данни, от които ще черпи информация за изчертаването на лентите на нашата графика. Обикновено тези стойности не се записват константно в скриптовете, а стойностите се изпращат от друк източник, например база данни. Променливата $max_value дефинира максимална стойност в графиката и се използва за автоматично мащабиране на стойностите. Променливата $units дефинира разтоянието между вертикалните линии на координатната мрежа.
CODE1
2
3
4
5
| <?php
$img = imagecreatetruecolor($size_x, $size_y);
imageantialias($img, true);
imagealphablending($img, true);
?> |
Както и преди създаваме изображение с 24 битов цвят и активираме изглаждането. Извикването на imagealphablending() не винаги е необходимо, тъй като стойността е true по подразбиране за изображенията с 24 битов цвят. Алфа смесването е техника за "смесване" на нови пиксели, които се добавят към изображението посредством неговия алфа канал. Тук трябва да използваме тази функция, защото искаме нашите ленти да са прозрачни (давайки възможност да се вижда фона на изображението). Прозрачността е цветовото свойство на
PHP дефинирано в петия параметър на imagecolorallocatealpha() използвана по късно в скрипта.
CODE1
2
3
4
5
| <?php
$bg_image = '../images/chart-bg.png';
$bg = imagecreatefrompng($bg_image);
$sizes = getimagesize($bg_image);
?> |
Горната секция на скрипта зарежда изображението за фон чрез imagecreatefrompng(). На разположение са и подобни функции за четене на JPEG файлове (iamgecreate-fromjpg()) и GIF файлове (imagecreatefromgif()). getimagesize() е функция връщата масив съдържащ широчината и височината на дадено изображение както и допълнителна информация. Широчината и височината са първите елементи от този масив. Третият елемент е текстов низ width='640' heiht='480', който може да бъде вграждан при нужда в
HTML. Четвъртият елемент е типът на изображението. PHP може да определя размерите на около 18 различни видове файлове в това число PNG, JPEG, GIF, SWF (флаш файлове), TIFF, BMP и PSD (Photoshop). Чрез функцията image_type_to_mime_type() можете да преобразувате типа от масива във валиден mime тип от рода на image/png или application/x-shockwave-flash.
CODE1
2
3
4
5
6
7
| <?php
imagecopyresampled(
$img, $bg,
0, 0, 0, 0,
$size_x, $size_y, $sizes[0], $sizes[1]
);
?> |
Копираме PNG изображението които прочитаме от файла в целевото изображение - нашата графика. Функцията изисква 10 параметара. Първите два са манипулаторат на изображението-дестинация и манипулаторът на зареденото PNG изображение, следвани от четири набора координати: горните леви координати на изображението-дестинация, горните леви координати на изображението-източник, долните десни координати на изображението-дестинация и долните десни координати на изображението-източник. Отделна част от изображението-източник може да бъде копирана посредством копиране на съответните му координати. Функцията imagecopyresized() също копира изображения и тя в по-бърза, но резултатът не е толкова добър, тъй като алгоритамът не е така мощен.
CODE1
2
3
4
5
6
7
8
9
10
11
12
13
| <?php
$background = imagecolorallocatealpha($img, 127, 127, 192, 32);
imagefilledrectangle(
$img,
20, 20, $size_x - 20, $size_y 80,
$background
);
imagefilledrectangle(
$img, 20, $size_y - 60, $size_x - 20, $size_y 20,
$background
);
?> |
Изчертаваме двете синкави области върху фоновото изображение: едната за графиката и една за заглавието. Тъй като искаме областите да са прозрачни, създаваме цвят с алфа стойност 32. Алфа стойността трябва да бъде между 0 и 127, като нулата означава напълно непрозрачно, а 127 означава напълно прозрачно.
CODE1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <?php
$barcolor = imagecolorallocatealpha($img, 0, 0, 128, 80);
$spacing = ($size_x - 140) / count($values);
$start_x = 120;
foreach ($values as $key => $value) {
$x1 = $start_x +0.2 * $spacing;
$x2 = $start_x +0.8 * $spacing;
$y1 = $size_y -120;
$y2 = $y1 - (($value / $max_value) * ($size_y -160));
imagefilledrectangle($img, $x1, $y1, $x2, $y2, $barcolor);
$start_x += $spacing;
}
?> |
Изчертаваме ленти (както са дефинирани в масива $value, създаден в началото на скрипта) чрез imagefilledrectangle(). Разтоянието между лентите изчисляваме като разделяме широчината на разположение за лентите (широчината на изображението минус широчината на страничните полета, които сумарно са 140-120 отляво и 20 отдясно) на броя на стойностите в масива. Цикалът инкрементира компонента $star_x със съответната стойност и лентата се изчертава между 20-я и 80-я процент от предоставеното и хоризонтално пространство. Вертикално се взима предвид максималната стойност за изчертаване и размерат се равнява по нея.
