В процессе разработки прикладных решений в 1С нередко возникает задача генерации составных картинок: формирование каталогов с миниатюрами, объединение фотографий товаров в общую сетку, наложение слоев одежды или создание коллажей из произвольного числа исходных файлов. Разберем доступные варианты реализации этой задачи, выясним ограничения встроенного языка и рассмотрим наиболее эффективные инструменты.
В типовой платформе 1С:Предприятие объект ОбрабатываемаяКартинка предназначен для работы только с одним файлом за раз: масштабирования, поворота, кадрирования или преобразования формата. Прямого встроенного метода для склейки двух и более растровых файлов в одну результирующую картинку в платформе нет. Для решения задачи объединения изображений программисту необходимо задействовать внешние консольные утилиты, системные COM-объекты или механизмы векторной графики.
Наиболее популярным и мощным решением является специализированный графический пакет ImageMagick. В его состав входит утилита montage, которая позволяет скомпоновать сетку из файлов по заданным параметрам (размер плитки, отступы, количество строк и колонок).
Рассмотрим типовую команду сборки коллажа из командной строки:
montage -geometry 200x200+5+5 -tile 3x file1.jpg file2.jpg file3.jpg file4.jpg result.jpg
Разберем по шагам, как вызвать данную операцию программно из 1С с помощью метода ЗапуститьПриложение:
ПараметрыЗапуска = "montage -geometry 150x150+2+2 C:\Temp\img1.jpg C:\Temp\img2.jpg C:\Temp\result.jpg";
КодВозврата = 0;
ЗапуститьПриложение(ПараметрыЗапуска, , Истина, КодВозврата);
Если КодВозврата <> 0 Тогда
ВызватьИсключение "Ошибка при выполнении сборки коллажа утилитой montage.";
КонецЕсли;
Анализ частых ошибок при работе с ImageMagick:
PATH. Операционная система считывает список путей при старте процесса. Если ImageMagick был установлен только что, перезапустите сеанс 1С или серверную службу. Наиболее надежный способ избежать ошибки — всегда указывать полный абсолютный путь к исполняемому файлу в кавычках (например, "\"C:\Program Files\ImageMagick\montage.exe\" ...").magick, поэтому команда принимает вид: magick montage ... или magick convert ....ImageMagickObject.MagickImage, который позволяет избежать вызова внешних процессов и формировать коллажи непосредственно внутри сеанса 1С.Если на клиентских рабочих станциях под управлением Windows нежелательно устанавливать дополнительное стороннее ПО, проанализируем возможности системной библиотеки WIA. Объект WIA.ImageProcess предоставляет фильтр Stamp, позволяющий накладывать одно изображение на другое по заданным координатам.
Посмотрим на пример наложения картинок через COM-объект WIA:
БазовоеИзображение = Новый COMОбъект("WIA.ImageFile");
БазовоеИзображение.LoadFile("C:\Temp\base.png");
НакладываемоеИзображение = Новый COMОбъект("WIA.ImageFile");
НакладываемоеИзображение.LoadFile("C:\Temp\layer.png");
Процессор = Новый COMОбъект("WIA.ImageProcess");
ФильтрStamp = Процессор.FilterInfos("Stamp").FilterID;
Процессор.Filters.Add(ФильтрStamp);
Процессор.Filters(1).Properties("ImageFile").Value = НакладываемоеИзображение;
Процессор.Filters(1).Properties("Left").Value = 50;
Процессор.Filters(1).Properties("Top").Value = 50;
ИтоговоеИзображение = Процессор.Apply(БазовоеИзображение);
ИтоговоеИзображение.SaveFile("C:\Temp\combined.png");
Платформа 1С нативно поддерживает векторный формат SVG. Если требуется объединить несколько изображений без привлечения COM-объектов и внешних исполняемых файлов (что особенно актуально для серверов на Linux), мы можем программно сгенерировать SVG-контейнер, в котором исходные картинки встраиваются в виде Base64-данных внутри тегов <image>.
Разберем по шагам формирование SVG-коллажа:
Картинка1Двоичные = Новый ДвоичныеДанные("C:\Temp\img1.png");
Base64_1 = Base64Строка(Картинка1Двоичные);
Картинка2Двоичные = Новый ДвоичныеДанные("C:\Temp\img2.png");
Base64_2 = Base64Строка(Картинка2Двоичные);
SVGТекст =
"<svg width=""400"" height=""200"" xmlns=""http://www.w3.org/2000/svg"">" +
" <image x=""0"" y=""0"" width=""200"" height=""200"" href=""data:image/png;base64," + Base64_1 + """ />" +
" <image x=""200"" y=""0"" width=""200"" height=""200"" href=""data:image/png;base64," + Base64_2 + """ />" +
"</svg>";
ЗаписьТекста = Новый ЗаписьТекста("C:\Temp\collage.svg", КодировкаТекста.UTF8);
ЗаписьТекста.Записать(SVGТекст);
ЗаписьТекста.Закрыть();
ИтоговаяКартинка = Новый Картинка("C:\Temp\collage.svg");
При работе в управляемых формах можно использовать встроенный элемент ПолеHTMLДокумента. С помощью JavaScript и контекста Canvas 2D (метод drawImage) выполняется загрузка набора изображений, отрисовка их на виртуальном холсте с любыми трансформациями и экспорт готового результата методом toDataURL() обратно в 1С через строковый параметр Base64.
ЗапуститьПриложение всегда передавайте абсолютные пути к исполняемым файлам.