Печать стильного текста на изображении в php

Question

Можно ли напечатать html тег div со стилем на изображении в PHP ?.если нет, то каков альтернативный путь?

Answer 1

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

Преимущества использования ImageMagick по сравнению с фиксированным изображением состоят в том, что вы можете изменять содержимое текста, что вам и может понадобиться (вы не упомянули о необходимости статического текста; для этого я бы использовализображение с прозрачным фоном).Для более полных команд шрифтов посмотрите здесь .

Чтобы разместить прозрачное изображение поверх базового изображения, взгляните на этот очень красиво оформленный сайт .

Я также дам код, представленный на этомсайт здесь:

$photo = imagecreatefromjpeg("original.jpg");
$watermark = imagecreatefrompng("watermark.png");

// This is the key. Without ImageAlphaBlending on, the PNG won't render correctly.
imagealphablending($photo, true);

// Copy the watermark onto the master, $offset px from the bottom right corner.
$offset = 10;

imagecopy($photo, $watermark, imagesx($photo) - imagesx($watermark) - $offset, imagesy($photo) - imagesy($watermark) - $offset, 0, 0, imagesx($watermark), imagesy($watermark));

// Output to the browser
header("Content-Type: image/jpeg");
imagejpeg($photo);

Чтобы вывести изображение в файл, отправьте его в Google и замените последние две строки приведенного выше примера.

Для материала ImageMagick посмотрите здесь

Надеюсь, это поможет: -)

Джеймс

Answer 2

Нет простого способа напечатать текст на изображениях с помощью html / css на стороне сервера, потому что php не может разобрать html, поэтому вам лучше найти другое решение, например php GD .

Answer 3

Вы можете установить изображение в качестве фонового изображения любого div с помощью CSSТогда текст внутри этого div появится поверх изображения.

(CSS)
.mydiv {
    background:url(/path/to/image.gif);
    width:100px;  /* set to width of the image */
    height:100px;  /* set to height of the image */
}

(HTML)
<div class='mydiv'>Some text here</div>