Как нанести текст на картинку?

@harla · Регистрация: 06.06.2019

Студворк — интернет-сервис помощи студентам

Есть код:

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<!DOCTYPE html>
<html class="nojs html css_verticalspacer" lang="ru-RU">
 <head>
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
  <meta name="generator" content="2017.0.3.363"/>
  <title>Домашняя</title>
  <link rel="stylesheet" type="text/css" href="css/site_global.css?crc=443350757"/>
  <link rel="stylesheet" type="text/css" href="css/index.css?crc=4172600410" id="pagesheet"/>
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
  </head>
 <body>
 
<?php
$a = $_GET['number1'];
$b = $_GET['number2'];
$c = $_GET['number3'];
?>
 
  <div class="clearfix" id="page">
   <div class="clearfix colelem">
    <div class="clearfix colelem mask" id="u988" style="background-size: cover;background-position: center;background-image: url(<?php echo "$a"; ?>);"></div>
    <div class="clearfix colelem" id="u97-4" style="margin-top: -560px;padding: 0px 57px 133px;">
     <p style="font-family: Roboto Medium;color: #fff;width: 1088px;font-size: 56px;"><?php echo "$b"; ?></p>
    </div>
    <div class="clearfix colelem" id="pu100-4" style="margin-top: -240px;padding: 0px 57px 133px;"><!-- group -->
     <div class="clearfix grpelem" id="u100-4"><!-- content -->
      <p style="font-family: Roboto;font-weight: bold;color: #fff;"><?php echo "$c"; ?></p>
     </div>
     <div class="grpelem" id="u103"><!-- simple frame --></div>
    </div>
   </div>
   <div class="verticalspacer" data-offset-top="650" data-content-above-spacer="650" data-content-below-spacer="62"></div>
   
    <form method="get" action="">
      <div class="form-row">
        <div class="col">
          <input name="number1" type="text" class="form-control" placeholder="Фон">
        </div>
        <div class="col">
          <input name="number2" type="text" class="form-control" placeholder="Загаловок">
        </div>
        <div class="col">
          <input name="number3" type="text" class="form-control" placeholder="Рубрика">
        </div>
         <input name="submit" type="submit" value="Сделать" class="btn btn-primary">
      </div>
    </form>
  </div>
 
   </body>
</html>

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

https://pp.userapi.com/c848736... 1sY83E.jpg

Это просто текст который можно выделять, но скачать картинку просто так нельзя. Помогите пожалуйста!

Новые блоги и статьи Все статьи Все блоги /
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT bedvit 28.01.2026 Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	Влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .