Наложение текста на изображение по центру на php

Наложение текста на картинку при помощи php не такая уж и сложная задача, главное разобраться с функцией imagettftext(), которая имеет ряд параметров:

Описание

imagettftext('Фон или фотка', 'Размер шрифта', 'Угол наклона', 'Координат оп оси X', 'Координат оп оси Y', 'Цвет шрифта', 'Путь к файлу со шрифтом', 'Любой текст')

• Фон или фотка = imagecreatefromjpeg("images/img.jpg") - (в нашем случае это изображение)
• Размер шрифта = 22 - 22px
• Угол наклона = 30 - 30 градусов наклон надписи
• Координат оп оси Y = 200 - 200 пикселей отступ сверху
• Координат оп оси X = 100 - 100 пикселей отступ слева
• Цвет шрифта = imageColorAllocate('Фон или фотка', 255, 255, 255) - возвращает идентификатор цвета, представляющий цвет, составленный из данных RGB-компонентов.
• Путь к файлу со шрифтом = "fonts_capcha/tahoma.ttf" - тут все понятно
• Любой текст = 'Тект который мы будем накладывать на фотку'

Код php наложения текста

Наложение текста по центру исходной картинки, то есть если вы подставите свой фон для наложения текста, то он все ровно будет расположен по центру. Так же мы добавили в код обводку на текст, для того что бы на светлых тонах фонового ихзображения, текст все ровно выделялся и удобно читался пользователем.

Обводка на текст при помощи php создается очень просто - нужно всего лишь создать такие же текста функцией imagettftext(), но на 1,2 пикселя смещая координаты.

$imgage_path = "images/img.jpg"; //Путь к изображению
$text = $_GET['text']; //Забираем тест, который мы написали
$img = imagecreatefromjpeg($imgage_path); // создаём новое изображение из файла
$font = "fonts_capcha/tahoma.ttf"; // путь к шрифту
$font_size = 22; // размер шрифта
$color = imageColorAllocate($img, 255, 255, 255); //Цвет шрифта
$shadow = imageColorAllocate($img, 0, 0, 0); // цвет обводки (черный цвет)

$size=getimagesize($imgage_path); //Узнаем размер изображения
$w=(int)$size[0]; // ширина
$h=(int)$size[1]; // высота


// текст по центру 
$box = imagettfbbox($font_size, 0, $font, $text);

$x = ($w/2)-($box[2]-$box[0])/2; //по оси x
$y = ($h/2)-($box[3]-$box[5])/2; //по оси y

//Обводка 
imagettftext($img, $font_size, 0, $x+2, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x-2, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y+2, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y-2, $shadow, $font, $text);

imagettftext($img, $font_size, 0, $x+1, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x-1, $y, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y+1, $shadow, $font, $text);
imagettftext($img, $font_size, 0, $x, $y-1, $shadow, $font, $text);

//Разметка самого текста
imagettftext($img, $font_size, 0, $x, $y, $color, $font, $text);

header("Content-type: image/png");
imagepng($img);
imagedestroy($img);

Наложение текста по центру

imagettfbbox() возвращает массив из 8 элементов, представляющих 4 точки, образующие бокс текста:

Разметка на html

Разметку мы делаем для наглядного примера и удобного теста.

<form onsubmit="return false" id="createForm" >
  <div class=""><textarea type="text" name="text" id="textcreate"></textarea></div>
  <div class=""><button onclick="createImage()">Прикрепить</button></div>
</form>
<div id="result"></div>

Javascript функции

function createImage()
{
	var textcreate = $("#textcreate").val();
	$("#result").html("<img src=\"create_image.php?text="+textcreate+"\" />")
}