создание изображения с текстом php

Как нанести текст на изображение с помощью PHP?

PHP – многофункциональный язык программирования, и мы с вами не один раз в этом убеждались. Сегодня мы немножко поработаем с графикой, а именно – я научу вас наносить нужный вам текст на изображение с помощью этого языка.

Для начала приведу полный код скрипта, который хорошо прокомментирован:

А теперь я расскажу вам о некоторых его нюансах.

1. Переменная $font – обязательно (во избежание ошибок) должна содержать в себе ссылку на файл шрифта. Для примера в конце статьи прикреплен шрифт «Arial».

2. Переменная $pic. Здесь в зависимости от вашего формата изображения используете соответствующую функцию:

PNG – imagecreatefrompng;
JPG – imagecreatefromjpeg;
GIF – imagecreatefromgif.

3. Переменная $color – цвет шрифта в RGB-формате. Черный цвет – «0, 0, 0», белый – «255, 255, 255» и т.д.

4. Функция «imagepng». Здесь вы выбираете ту функцию, в формате которой хотите сохранить изображение:

PNG – imagepng;
JPG – imagejpeg;
GIF – imagegif.

Обратите внимание, что для того, чтобы не происходило перезаписи файлов, в качестве имени файла выступает временная метка Unix. Расширение файла вы прописываете сами в зависимости от выбранной функции сохранения.

Ну вот, вроде, и все, что вам нужно знать, остальные моменты помечены в коде.

Часть «./» означает что чтение и сохранение файлов осуществляется в той папке, где находится ваш скрипт.

Если возникли вопросы – задавайте их в комментариях.

Источник

Отображение текста и фигур на изображениях в PHP

В предыдущей статье мы сосредоточились на загрузке и управлениями изображениями с помощью PHP. Мы научились, как поворачивать, изменить размер и масштаб или зеркально переворачивать изображение. Мы также узнали о различных фильтров и о матрице конволюции. Эти обучающие статьи также охватывает некоторые практические применения библиотеки GD, такие как изменение всех изображений в директории или добавление водяных знаков на несколько изображений одновременно.

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

Эта статья научит вас, как рисовать основные формы в PHP и как осуществлять отрисовку текста, используя ваш любимый шрифта.

Рисования основных фигур в PHP с GD

Мы узнаем об основных фигур в этом разделе, а затем рассмотрим толщину линии, кисти и стили линий позже.

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

Рисование кругов и дуг

Рисование прямоугольников и многоугольников

Собираем все вместе для создания изображения

В следующем примере мы использовали все эти функции для создания изображения с домом, солнцем и землей.

Контроль толщины линии, стиля и заполнения цвета

Толщина линии

Рисование закрашенных фигур

Каждая функция рисования также имеет версию с заполнением цвета, которая заполняет конкретную фигуру с заданным цветом. Например, imagefilledrectangle() окрасит отрисованный прямоугольник с заданным цветом.

Использование кисти

Я нашел изображение облака на Pixabay и уменьшил его до соответствующего размера для нашего проекта.

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

Это окончательный результат кода выше, использующего PHP-расширение GD.

Отображение текста на изображениях

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

В следующем примере используются все эти функции для создания некоторых приятных текстовых эффектов.

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

Заключительные мысли

Цель данной статьи – познакомить вас с различными функциями GD для рисования основных фигур в PHP с нуля. С помощью небольшой математики можно использовать эти функции для создания более сложных фигур, таких как обычные полигоны, скругленные прямоугольники и т.д.

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

Вы создали все более необычные эффекты текста в PHP? Пожалуйста, поделитесь ими с нами в комментариях.

Источник

Создание изображений средствами PHP

Эта статья рассчитано на программистов со средним уровнем знания PHP.
Введение

PHP не только идеально подходит для вывода HTML страниц, но также включает в себя мощные средства создания изображений «на лету». Приведу лишь несколько примеров:

* Создание кнопок с надписями, текст которых хранится в базе данных
* Графическое отображение статистических данных
* Создание различных графиков и диаграмм

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

Цель этой статьи

В статье освещаются следующие вопросы:

* Что такое заголовки (headers)
* Использование функций библиотеки GD для динамического создания изображений средствами PHP
* Использование HTTP заголовков для указания браузеру, что вывод PHP-скрипта представляет собой изображение

Создание заголовка

По умолчанию, PHP выводит один заголовок: Content-type: text/html, означающий, что результатом работы скрипта является HTML код

Используемый по умолчанию заголовок Content-type: text/html показывает, что выводится HTML код, который браузер должен обработать. Если изменить его скажем на Content-type: text/plain, то браузер будет воспринимать документ просто как текст и выводить его «как есть» Для вывода заголовков в PHP используется функция header().

Конечно, послать заголовок недостаточно, нужно еще и позаботиться о том, чтобы вывести данные в нужном формате. Не следует думать, что, просто послав заголовок Content-type: application/zip и выведя «Всем привет», вы сможете открыть результат работы такого скрипта с помощью WinZip’а.

Примечание Web-сервер перед отправкой данных клиенту может добавлять и другие заголовки помимо Content-type, их рассмотрение выходит за рамки данной статьи.

Что нам потребуется

Создаем изображения

Генерация изображения состоит из трех основных этапов:

* Создание изображения
* Отрисовка изображения
* Вывод полученной картинки в браузер

Для создания изображения используется функция ImageCreate(). В качестве аргументов функция принимает ширину и высоту изображения в пикселах и возвращает идентификатор, который в дальнейшем используется при вызове функция для работы с изображением.

Перед тем, как что-либо рисовать, необходимо зарегистрировать цвета, которые вы собираетесь использовать. Для этого предназначена функция ImageColorAllocate(). Этой функции передаются идентификатор изображения и три числа, задающие цвет (RGB — red, green, blue). Функция возвращает идентификатор цвета, который используется в последующих операциях отрисовки изображения.
Пример:

Существует большое количество функций отрисовки изображений. Полное их рассмотрение выходит за рамки данной статьи. Для ознакомления с этими функциями, обратитесь к руководству по PHP.

Примечание Заголовки относятся ко всему документу. То есть если вы послали заголовок, показывающий, что вы выводите изображение, вы не можете выводить текст. А после того, как вы вывели первый байт данных, заголовок уже нельзя изменить! Это значит, что сначала нужно вызвать header() и только затем начинать вывод данных, иначе вы получите сообщение об ошибке. Если вы не посылаете заголовок Content-type, PHP автоматически посылает Content-type: text/html как только вы начинаете вывод данных.

Как это выглядит на практике

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

Теория биоритмов гласит, что эмоциональная, физическая и интеллектуальная активность каждого человека циклически изменяются с определенными интервалами. В момент рождения, все три кривые выходят из нулевой точки и изменяются в течение всей жизни. Если кривая проходит выше нулевой отметки — это активная фаза, ниже — пассивная. Момент пересечения нулевой отметки означает критический день: вы подвержены риску эмоциональной, физической или интеллектуальной «катастрофы». А в тот день, когда все три кривые проходят через ноль, лучше вообще воздержаться от работы над важными PHP проектами.

У каждой кривой собственный цикл:

* Физическая: 23 дня
* Эмоциональная: 28 дней
* Интеллектуальная: 33 дня

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

Установка даты рождения

Сначала мы должны получить дату рождения и вычислить, сколько дней человек прожил до текущей даты. Результат будет использован для вычисления текущей фазы биоритма.

* Проверяем, была ли введена дата рождения.
* Если нет, отображаем форму для ввода даты
* После проверки правильности ввода вычисляем сколько дней человек прожил до текущей даты используя юлианский календарь.

Совет Для вычисления мы используем юлианский календарь. Дата рождения и текущая дата переводятся в количество дней по юлианскому календарю. Разность этих двух чисел дает искомый результат.

Примечание В этом примере функция gregorianToJD() реализована на PHP (см. полный код скрипта ниже). Вообще-то, эта функция реализована в календарном модуле PHP, но на момент написания этой статьи эта функция работала некорректно в последней версии PHP. Поэтому была использована «самодельная» функция. Если в вашем PHP включена поддержка функций работы с календарем, вам нужно удалить определение этой функции из кода в примере.

Подготовка изображения

Порядок действий Подготовка к рисованию состоит из вызова нескольких функций GD. Следующий участок кода:

* Создает изображение нужных размеров.
* Регистрирует используемые цвета.
* Очищает изображения, заливая его цветом фона

Совет Перед началом отрисовки изображения залейте его цветом фона. Это гарантирует, что фон изображения будет того цвета, что вам нужен. Это также полезно для создания прозрачного фона, как будет показано далее.

Примечание Для простоты изложения, примеры в этой статье не содержат проверок ошибок. «Настоящий» скрипт обязательно должен включать проверки на ошибки

Рисуем рамку и выводим текст

Функция ImageString() рисует строку текста на изображении в заданном месте. Нам необходимо вывести пять строк Первые две будут находиться в верхней части рисунка и отображать дату рождения и текущую дату, остальные три под графиком будут показывать, каким цветом какой биоритм изображен. Использование идентификаторов цветов, записанных в переменные, позволяет ссылаться на цвета, не указывая каждый раз RGB значения.

* Рисуем рамку, внутри которой будет размещен график, и оси
* Выводим текст примечаний

Рисунок 1. График биоритмов

Рисуем кривые

* Функция drawRhythm вызывается три раза с различными параметрами
* Функция drawRhythm содержит цикл, который вычисляет значение биоритма для каждого дня, и рисует линии.

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

Вывод изображения клиенту

Итак, мы нарисовали наш график. Теперь остается отправить это изображение в браузер.

* Посылаем заголовок, показывающий что мы выводим изображение в формате GIF или PNG.
* Определяем чересстрочный формат вывода изображения.
* Делаем цвет фона прозрачным.
* Используя функцию imageGIF или imagePNG выводим изображение.

Совет После вызова imageGIF или imagePNG, изменения в изображение вносить уже нельзя, так как оно уже было отправлено клиенту.

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

Итак, мы написали программу, создающую изображение. Как ее использовать? На самом деле все очень просто: Вы можете использовать скрипт в HTML коде как обычный файл изображения. Поскольку скрипт в нашем примере является интерактивным, то для его использования нам нужно ввести http://my.server.net/script.php в адресную строку браузера. Для скрипта, не требующего пользовательского ввода, например получающего информацию из базы данных, просто вставьте в HTML код страницы тэг такого содержания:

Полный код скрипта

Заключение

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

Источник

imagefttext

(PHP 4 >= 4.0.7, PHP 5, PHP 7, PHP 8)

imagefttext — Нанесение текста на изображение, используя шрифты FreeType 2

Описание

Список параметров

Размер шрифта в пунктах.

Угол в градусах, 0 градусов означает расположение текста слева направо. Положительные значения означают поворот текста против часовой стрелки. Например, текст повёрнутый на 90 градусов нужно будет читать снизу вверх.

y-координата. Это позиция базовой линии шрифта, в общем случае она не совпадает с низшей точкой в символе.

Путь к TrueType шрифту, который требуется использовать.

В большинстве случаев размещение файлов шрифтов в директории скрипта решает подобные проблемы включения файлов.

Текст для вставки в изображение.

Возвращаемые значения

Эта функция возвращает массив, определяющий четыре точки рамки текста. Текст внутри этих границ начинается с левого нижнего угла и поворачивается против часовой стрелки:

Список изменений

Примеры

Пример #1 Пример использования imagefttext()

// Путь к ttf файлу шрифта
$font_file = ‘./arial.ttf’ ;

// Вывод изображения
header ( ‘Content-Type: image/png’ );

Примечания

Смотрите также

User Contributed Notes 15 notes

Do this as root :
apt-get install libfreetype6-dev

After spending the evening with some work on automatically generated images, I had the idea to switch of anti-aliasing (looking, if some font would look better that way), which turned out not to be quite so easy.

Actually you have to use the negative of the desired color to switch of antialising. I include the corresponding line from my code (line split up):

// USE NEGATIVE OF DESIRED COLOR TO SWITCH OF ANTI-ALIASING
ImageFTText ($neuesBild,$fontsize,$fontangle,$TextPosX,$TextPosY,
-$custom_fg,$fonttype,$text,array());

If you’re interested in turning off FreeType hinting, search for the following line in the gd source (gdft.c):
err = FT_Load_Glyph (face, glyph_index, FT_LOAD_DEFAULT);
and replace it with
err = FT_Load_Glyph (face, glyph_index, FT_LOAD_NO_HINTING);

Recompile GD, and vo�la: beauteous antialiasing.

This function is very simular to imageffttext(), you may find the information provided on its manual page helpful:

For a design project I am required to have spacing between characters; since imagefttext does not support this feature I have created a function which does support this.

The arguments are identical to imagefttext, accept that (array)$extrainfo now accepts the ‘character_spacing’ spacing parameter. The return values are as expected, and include the image boundaries of the entire string including the character spacing.

I hope this is of some use to someone.
— KeepSake

// Required header (assuming we use png images)
header ( «Content-type: image/png» );

could be different. This helped when setting GDFONTPATH.

GD1 was OK as it used pixels for font rendering, but GD2 uses points, which only makes any sense if you know the DPI that it assumes when rendering text on the image surface. I have not been able to find this anywhere in this documentation but have examined the GD2 source code and it appears to assume a DPI of 96 internally. However, this can easily be customised in the GD2 source so it cannot be assumed that all PHP interpreters out there have a GD2 compiled using 96dpi internally.

If it does, and you are using it to construct images whose target DPI is not 96, you can calculate the point size to supply to imageftbox() and imagefttext() like this:

/* 100mm x 100mm image */
$imageWidth = 100 ;
$imageHeight = 100 ;

/* 300 dpi image, therefore image is 1181 x 1181 pixels */
$imageDPI = 300 ;

header ( «Content-type: image/jpeg» );

I found myself in need of an align right function and found one on the imagepstext manual page. I can’t imagine I’m the only person who’s needed to use this, so here’s a slightly modified version that works with imagefttext:

$text1 = «shenko.homedns.org» ; // Here is our text

Thanks for the script! I modified it to show several fonts that I was wanting to use. I am using GD-2.0.7, FreeType-2.1.3(text rotation fix,among others), and PHP-4.2.3 and had to include the array information to get it to work.

Code change follows:
$fontfile=»/usr/local/fonts/ttf/bookantbd.ttf»;
// Waterfall of point sizes to see what Freetype 2’s autohinting looks like:
//
for($i=4;$i 1.0));
>

Since this function is not documented, I felt it was best that I shed some light on the extrainfo parameter.

Basically it accepts an array containing the following options as keys and an associated value:
(int) flags [more info in the GD reference manual]
(double/float) linespacing
(int) charmap
(int) hdpi
(int) vdpi
(string) xshow
(string) fontpath

My C/C++ is not very good but this is the best I can explain. Read the documentation for more information. 🙂

A very simple example of usage would be:

I’m not sure if this is a PHP issue or an GD issue, but after upgrading to PHP 5.3.2, text written at an angle has become top-justified (so «N» and «n» have the same top, but the bottom of the «N» is lower than the bottom of the «n». I’ve written a kludgy work-around, which writes the text to a non-rotated temporary image, then copies the temporary image, rotated onto the main image. The kludginess is to get around the fact that I can’t seem to extract the font info, particularly the distance between the baseline and the very bottom (I’ve hard-coded it as 30% of the font size)
I hope the bug can be fixed (if it is indeed a bug) or that others can improve this code:

Источник

imagestring

(PHP 4, PHP 5, PHP 7, PHP 8)

imagestring — Рисование строки текста горизонтально

Описание

Рисует текст string на заданных координатах.

Список параметров

x-координата верхнего левого угла.

y-координата верхнего левого угла.

Возвращаемые значения

Возвращает true в случае успешного выполнения или false в случае возникновения ошибки.

Список изменений

Примеры

Пример #1 Пример использования imagestring()

// Вывод изображения
header ( ‘Content-type: image/png’ );

Результатом выполнения данного примера будет что-то подобное:

Смотрите также

User Contributed Notes 31 notes

Some fun with imagestring:

This function is a product of too much time..
It opens an image and create a new image with one letter instead of a pixel.

Here is a function with similar declaration of imagestring() but who handles whitespaces (It creates new lines and 4 spaces instead of \n and \t) and image’s size limits

I like this better than «tjpoe at cableaz dot com»‘s function for wrapping text to fit width (auto-adjusts height as needed) since it doesn’t only do 1 word per line.

// Example
$imgString= convertEmailToImg (‘contact@example.com’, 0, 0, 255, 0, 127, 4);

Simple script to convert a string (such as an email addresses) to a transparent image.

From a spambot’s point of view, they see:

Optional parameters:
font_size: 1 to 5, with the default at 3
R/G/B: the font color, in hex.

Parameters:
string: the string to print
font_size (optional): the size of the font from 1-5
R/G/B (optional): the RGB colors of the font in hex
*/

header ( «Content-type: image/png» );

//simple hello world

Width ImageString, the strings you draw are not automatically wrapped width the edge of the image. You may use this function to automatically wrap them:

// white background and blue text
$bg = imagecolorallocate($im, 255, 255, 255);
$textcolor = imagecolorallocate($im, 0, 0, 0);

// output the image
header(«Content-type: image/gpeg»);
imagejpeg($im);
>

If you are looking to center the text, use the following function; I’m not promising perfection.

Creates a box of text. Has horizontal and vertical alignment, box arguments, and custom leading. I submitted this to the manual in 2003 actually, but it disappeared after a year or so (not sure why). Here it is again.

There is an error in «tjpoe at cableaz dot com» ‘s function ImageStringWrap. Instead of

else
$string = array($text);

for function to work for strings with only one word. Otherwise it works like a charm, thanks.

Here is a small bit I made for writing to a image from right to left when you are limited to imagestring()

Its just an easy function to write an string in the middle of a picture.

I created an alternative using the function imagechar to create a string of an image. The below function below was used to create an image the same height and width of the text string. It is used on my website to mask users email addresses.

// Set your string somehow
$string = ‘your@example.com’ ;

// Set font size
$font_size = 4 ;

A simple example:
To make one line of text fit in the image.

If you have any problem with CentralEurope’s words, for example : ľščťžýáíéúäňôď, I am try this problem by iconv() function.

I’ve made a little modification of the (quite usefull) imagestringcutted function (when align=center, it doesn’t work well for me if x1!=0) so juste replace the last line with :

My version of the centered string, it decreases the font number (since I’ve noticed smaller numbers are smaller fonts) until 1 if the string won’t fit. Then it will give up.

this is a function that is based on imagestring but it produces text in the center of an image i hope it helps 😀

Drawing a string as an image is a handy way to disguise an eMail address so spam sniffers can’t get it as easily. The only catch to creating a dynamic image with your eMail in it is the eMail to be displayed must be passed via the query string to enable static HTML to use it. So, the eMail must be encrypted slightly in order to not defeat the purpose of not typing your eMail address outright. I wrote the following script to do so:

?>

If the script is called without an eMail address, it outputs a 2×2 transparent image.

To call the script to generate the eMail «user@home.com», the HTML tag would be:

To ‘encrypt’ the eMail address to pass to the script, write the address backwards and replace «.» with «[dot]» and «@» with «[at]». It’s not the most ironclad protection, but it thwarts most casual eMail sniffers.

Источник