Склейка всех изображений в одно

@menline · Регистрация: 10.06.2017

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

Доброй ночи форумчане.

У меня в html 3 блока и в каждой по разной картинке, как сделать так, чтобы по клику произошла склейка всех 3х изображений в одно целое и все что наложено сверху тоже (текст) и вытащить в .png?

@lino217 · 25.09.2018, 15:28

Я бы сделал при помощи php:
1) создал бы "полотно" для исходного изображения.
2) копировал бы на него все эти картинки при помощи ImageCopy.
3) текст накладывал бы при помощи ImageTTFtext.

@menline · 25.09.2018, 17:57 **[ТС]**

Сможешь помочь мне? Там много надо кодить?

@lino217 · 26.09.2018, 09:20

Читаем документация по ImageCopy и ImageTTFtext
Вот пример моей реализации:

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
        $file = "bckgr_date.png"; //исходный рисунок без надписей
        $newfile = "ticket_$barnum.png"; //расположение нового рисунка
        copy($file, $newfile); //копируем из папки для дальнейшей с ним работы
        $pic = ImageCreateFrompng("ticket_$barnum.png"); //открываем рисунок и начинаем формировать билет
        $color_date = ImageColorAllocate($pic, 24, 52, 140);
        //координаты размещения текста
        $w_fam = 8; $h_fam = 165;
        $w_name = 8; $h_name = 235;
        $w_otch = 8; $h_otch = 305;
        $w_barnum = 30; $h_barnum = 525;
        $w_month = 190; $h_month = 576;
        $w_year = 232; $h_year = 576;
        ImageTTFtext($pic, 44, 0, $w_fam, $h_fam, 0, "../font/arialreg.ttf", $fam);
        ImageTTFtext($pic, 44, 0, $w_name, $h_name, 0, "../font/arialreg.ttf", $name);
        ImageTTFtext($pic, 44, 0, $w_otch, $h_otch, 0, "../font/arialreg.ttf", $otch);
        ImageTTFtext($pic, 37.5, 0, $w_barnum, $h_barnum, 0, "../font/arialreg.ttf", $barnum);
        ImageTTFtext($pic, 21, 0, $w_month, $h_month, $color_date, "../font/arialreg.ttf", "$month/");
        ImageTTFtext($pic, 21, 0, $w_year, $h_year, $color_date, "../font/arialreg.ttf", $year);
        $photo = ImageCreateFromjpeg("photo_$barnum.jpg"); //что накладываем
                 ImageAlphaBlending($photo, true);
        ImageCopy($pic, $photo, 555, 130, 0, 0, imagesx($photo), imagesy($photo)); //размещаем координаты и копируем
        $barcode = ImageCreateFrompng("barcode_$barnum.png"); //что накладываем
                   ImageAlphaBlending($barcode, true);
        ImageCopy($pic, $barcode, 10, 370, 0, 0, imagesx($barcode), imagesy($barcode)); //размещаем координаты и копируем
        Imagepng($pic, "ticket_$barnum.png", 0); //сохраняем рисунок
        ImageDestroy($pic); //освобождаем память

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@menline 0 / 0 / 0 Регистрация: 10.06.2017 Сообщений: 10

	Склейка всех изображений в одно 23.09.2018, 02:16. Показов 2378. Ответов 3 Метки canvas (Все метки) Доброй ночи форумчане. У меня в html 3 блока и в каждой по разной картинке, как сделать так, чтобы по клику произошла склейка всех 3х изображений в одно целое и все что наложено сверху тоже (текст) и вытащить в .png? 0

@lino217 26 / 23 / 5 Регистрация: 01.04.2013 Сообщений: 218
	25.09.2018, 15:28
	Я бы сделал при помощи php: 1) создал бы "полотно" для исходного изображения. 2) копировал бы на него все эти картинки при помощи ImageCopy. 3) текст накладывал бы при помощи ImageTTFtext. 0

@menline 0 / 0 / 0 Регистрация: 10.06.2017 Сообщений: 10
	25.09.2018, 17:57 [ТС]
	Сможешь помочь мне? Там много надо кодить? 0

Склейка всех изображений в одно

Решение