Встройте «Фотошоп» в 1С: Инновационный 1C-редактор изображений Imager PRO (Управляемые формы и Обычный интерфейс)

04.08.26

Разработка - Работа с интерфейсом

Мощный редактор изображений, готовый к интеграции в 1С. Полноценные слои, маски, магнитное лассо, 25+ фильтров и история действий — всё работает прямо в 1C с нулевой нагрузкой на сервер. Идеальное решение для обработки сканов, ретуши товаров и создания баннеров без сторонних программ и дорогих лицензий! Доступен на управляемых формах (Локальная база, клиент-серверный вариант, веб клиент) а так же в обычном интерфейсе

Файлы

ВНИМАНИЕ: Файлы из Базы знаний - это исходный код разработки. Это примеры решения задач, шаблоны, заготовки, "строительные материалы" для учетной системы. Файлы ориентированы на специалистов 1С, которые могут разобраться в коде и оптимизировать программу для запуска в базе данных. Гарантии работоспособности нет. Возврата нет. Технической поддержки нет.

Наименование Скачано Купить файл
Imager PRO Управляемые формы
.epf 45,17Kb
21 2 500 руб. Купить
Imager PRO Обычный интерфейс
.epf 44,81Kb
3 2 500 руб. Купить

Подписка PRO — скачивайте любые файлы со скидкой до 85% из Базы знаний

Оформите подписку на компанию для решения рабочих задач

Оформить подписку и скачать решение со скидкой

Вы можете заказать платную доработку или адаптацию этой разработки под вашу конфигурацию на «Бирже заказов».

  • 0% комиссии — оплата напрямую исполнителю;
  • Исполнители любого масштаба — от отдельных специалистов до команд под проект;
  • Прямой обмен контактами между заказчиком и исполнителем;
  • Безопасная сделка — при необходимости;
  • Рейтинги, кейсы и прозрачная система откликов.

Imager PRO - графический редактор нового поколения

Представляем Imager PRO — инновационный растровый графический редактор. Это полнофункциональный профессиональный фоторедактор, который работает в 1С и готов к бесшовной интеграции в ваши решения, корпоративные порталы и веб-приложения.

Архитектура решения построена на использовании многослойных элементов (для отрисовки результата, для превью и выделений) и попиксельной обработке изображений через объект.

Доступен на управляемых формах (Локальная база, клиент-серверный вариант, веб клиент) а так же в обычном интерфейсе

 

Решает реальные бизнес-задачи

Внедрение Imager PRO мгновенно закрывает потребности бизнеса в работе с изображениями:

  1. Системы и архивы: Пользователь сканирует договор в 1С, поворачивает его, обрезает лишние поля, повышает контраст (чтобы текст читался) и сохраняет в базу.
  2. Интернет-магазины на 1С: Менеджер загружает фото товара, удаляет фон через магнитное лассо, выравнивает цвета фильтрами и сразу публикует в каталог.
  3. CRM и HelpDesk: Прикрепление скриншотов с возможностью выделить ошибку красной рамкой, замазать конфиденциальные данные или добавить текст прямо поверх картинки.
  4. Маркетинговые порталы: Создание рекламных баннеров прямо в корпоративной сети без покупки дорогих лицензий на ПО для каждого сотрудника.

Почему это выгодно для бизнеса?

  • Экономия на лицензиях: Не нужно покупать Adobe Photoshop или другие ПО для сотрудников, которым нужно просто обрезать фото или нарисовать стрелку на скане.
  • Экономия времени разработчика: Вам не нужно писать свой велосипед. Вы приобретаете готовое, протестированное и мощное решение, которое внедряется за один день.
  • Обучение не требуется: Интерфейс интуитивно понятен любому пользователю, который хоть раз видел графический редактор.

 Описание возможностей "Imager"

1. Панель инструментов (Левая боковая панель)

  •  Перемещение — предназначен для перемещения всего содержимого активного слоя. При использовании инструмента программа делает снимок текущего состояния слоя и при движении мыши перерисовывает его со смещением. Инструмент незаменим для композиции вырезанных элементов.
  • Прямоугольное выделение — создает маску выделения прямоугольной формы. Все последующие операции (заливка, удаление, рисование, фильтры) применяются исключительно внутри этой области. Границы выделения визуализируются анимированной пунктирной линией («марширующие муравьи»).

 

 

  •  Эллиптическое выделение — аналогичен предыдущему, но создает эллиптическую или круглую маску выделения с использованием метода.

 

 

  •  Магнитное лассо — интеллектуальный инструмент выделения. Во время движения мыши анализирует градиент яркости пикселей под курсором и «прилипает» к границам объекта. В настройках регулируется: Сила магнитизма (порог срабатывания градиента) и Ширина поиска (радиус захвата края).

 

 

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

 

 

  •  Карандаш — рисует пикселями без сглаживания и растушевки (жесткий край 1px). Применяется для пиксель-арта и детальной ретуши. Регулируется только непрозрачность.

 

 

  •  Ластик — работает как кисть, но использует режим композитной операции, что делает пиксели прозрачными. Поддерживает размер, непрозрачность и жесткость.

 

 

  •  Распылитель — генерирует россыпь случайных точек в радиусе курсора. Имитирует аэрограф. Настраивается размер и непрозрачность (с множителем 0.15 для каждой точки).

 

 

  •  Штамп — инструмент клонирования. Источник задается через Alt+клик. При рисовании инструмент берет пиксели из исходной области и переносит их на текущий слой с учетом смещения между источником и курсором.

 

 

  •  Заливка — инструмент «Ведро». Реализует алгоритм . Берет цвет точки клика и заливает соседние пиксели с похожим цветом. В настройках задается Допуск (разница в цвете RGB-каналов, при которой пиксель считается "соседним").

 

 

  •  Градиент — создает линейный градиент от цвета переднего плана (FG) к фоновому цвету (BG). Тянется от стартовой точки к конечной. Учитывает выделенные области.

 

 

Задаётся соотношением 2вух цветов из палитры цвета

 

 

 

  •  Пипетка — считывает цвет пикселя и устанавливает его в качестве основного цвета (FG).
  •  Осветление и  Затемнение — инструменты локальной коррекции экспозиции. Осветление умножает значения RGB на коэффициент 1.06, затемнение — на 0.94. Радиус действия зависит от размера кисти.

 

 

  •  Размывание — локальное размытие. Применяет матрицу свертки 3x3 (Blur) к пикселям под курсором.

 

 

  •  Резкость — локальное повышение детализации. Применяет матрицу свертки 3x3  под курсором.

 

 

  •  Текст— создание текстового слоя. При клике на холсте появляется поле ввода. Текст рендерится на активный слой шрифтом Source Sans 3, цветом FG, с учетом заданного размера.

 

 

  •  Линия ,  Прямоугольник,  Эллипс — инструменты рисования примитивов. При зажатии мыши показывается превью, при отпускании фигура отрисовывается на активном слое. Учитывают толщину линии и непрозрачность.

 

 

 2. Строка меню (Верхняя панель)

 Меню «Файл»

 

 

  • Новый: Очищает текущий проект и создает новый холст. Запрашивает ширину, высоту и тип фона (белый, прозрачный, черный). Инициализирует базовый слой.
  • Открыть: Вызывает системный диалог выбора файла. Загруженное изображение помещается на новый слой поверх существующих, масштабируясь под размер холста.
  • Сохранить: Сохраняет открытый файл
  • Сохранить как: сохраняет полученное изображения в форматах png, jpeg, bmp, gif, psd

 

 

 Меню «Правка»

 

 

  • Отменить / Повторить: Управление историей. Редактор хранит до 50 снимков состояния каждого слоя в стеках

 

 

  • Выделить всё: Создает прямоугольное выделение размером во весь холст 

 

 

  • Снять выделение: Очищает переменную выделения и скрывает «марширующих муравьев».

 

 

 

  • Вырезать на новый слой: Извлекает пиксели из активного выделения, удаляет их с текущего слоя и помещает на автоматически созданный новый слой выше.

 

 

 

  • Удалить выделенное: Очищает пиксели внутри выделения на активном слое

 

 

  • Обрезать до выделения: Изменяет размеры холста (W и H) под рамку выделения, пересчитывая координаты пикселей для всех слоев и масок.

 

 

  • Залить выделение: Заливает область выделения основным цветом.

 

 

  • Обвести выделение: Обводит контур выделения линией заданной толщины.

 

 

 Меню «Вид»

 

 

  • Масштаб (Увеличить / Уменьшить / По размеру / 100%): Управляет трансформацией контейнера холста. Диапазон от 10% до 800%.

 

  • Сетка: Включает наложение на холст полупрозрачной сетки с шагом 50px (для удобства выравнивания).

 

 

  • Направляющие: Включает отображение линий. Можно добавить горизонтальные/вертикальные направляющие (по умолчанию по центру) или очистить их. Не печатаются при сохранении.

 

 

 Меню «Изображение»

 

 

  • Размер изображения: Интерполирует (масштабирует) пиксели всех слоев под новые размеры (изменяет разрешение документа).

 

  • Размер холста: Изменяет рабочую область, не меняя масштаб самих пикселей. Если размер уменьшается, края обрезаются; если увеличивается — добавляется пустое пространство.

 

 

  • Повороты (90°, 180°): Поворот всего проекта. Использует трансформации для перерисовки каждого слоя и масок.

 

 

  • Свободный поворот: Поворачивает содержимое слоев на произвольный угол от -180° до 180°.

 

 

  • Отразить (по горизонтали / по вертикали): Зеркальное отражение

 

 

 Меню «Слои»

 

 

  • Новый / Дублировать / Удалить: Стандартные операции управления стеком слоев. Дублирование копирует слоя, его прозрачность, режим наложения и маску.

 

 

  • Объединить с нижним: Рендерит активный слой на нижележащий с учетом прозрачности и режима наложения, после чего удаляет активный слой.
  • Объединить всё: Сводит все видимые слои в один единственный фоновый слой.
  • Добавить / Применить / Удалить маску:
    • Добавить: Создает отдельный canvas для маски (по умолчанию белый — всё видно).
    • Применить: Изменяет альфа-канал самого слоя на основе маски и удаляет маску.
    • Удалить: Удаляет маску без применения.

 

Меню «Фильтры» (Матричная и попиксельная обработка)

Все фильтры работают с объектом активного слоя.

Размытие: Простой Box Blur (усреднение пикселей в квадрате 3x3) за 1-3 прохода.

 

 

Гауссово размытие: Многопроходный Box Blur (5 проходов), дающий более гладкий результат.

 

 

Размытие в движении: Смещает и усредняет пиксели вдоль заданного вектора (длина и угол).

 

 

Резкость: Применяет матрицу свертки, повышающую контраст на границах объектов.

 

 

Яркость/Контраст: Линейное смещение и изменение размаха яркости.

 

 

Яркость

 

 

Контраст

 

 

Оттенок/Насыщенность: Преобразование RGB в HSL, сдвиг H и S, обратный перевод в RGB.

 

 

Цветовой баланс: Независимое изменение каналов R, G, B в тенях, средних тонах и светах.

 

 

Уровни: Задание черной и белой точки с гамма-коррекцией.

 

 

Баланс белого: Корректировка соотношения красного и синего каналов на основе средней яркости.

 

 

Инверсия

 

 

Сепия

 

 

Чёрно-белое

 

 

Постеризация(сокращение количества цветов)

 

 

Порог (черно-белое изображение по границе яркости)

 

 

Сочность (умное повышение насыщенности).

 

 

Пикселизация: Усреднение цвета в блоках заданного размера.

 

 

Рельеф: Матрица свертки для создания эффекта 3D-тиснения.

 

 

Обнаружение краев: Оператор Собела для выделения контуров.

 

 

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

 

 

Виньетирование: Затемнение краев изображения в зависимости от расстояния до центра.

 

 

Хроматическая аберрация: Радиальное разделение красного и синего каналов.

 

 

Шум

 

 

Зернистость пленки: Добавление случайного шума в RGB каналы.

 

 

Тепловая карта: Переназначение яркости пикселей в цветовой спектр от синего к красному.

 

 

Глитч: Случайное горизонтальное смещение строк изображения и блоков.

 

 

Калейдоскоп: Зеркальное отражение сегментов вокруг центра холста.

 

 

Соляризация: Инверсия светлых или темных участков в зависимости от порога.

 

 

 3. Правая панель управления

 

Блок «Цвет»

 

 

  • Переключатель цветов основной / фоновый: Переключение и выбор основного (Foreground) и фонового (Background) цветов.

 

 

  • Инновационная палитра выбора цвета: Интегрированный визуальный HSV Color Picker. Позволяет выбирать цвет по цветовому кругу (Hue) и квадрату насыщенности/яркости (Saturation/Value). Поля HEX-кода поддерживают ручной ввод.

 

 

  • Кнопка смены режима: Быстрый обмен местами основного и фонового цветов.

 

Блок «Навигатор»

  • Миниатюрное отображение всего холста. На навигаторе рамкой выделена область экрана, которая в данный момент видна пользователю (полезно при сильном приближении).

 

 

Блок «Слои»

  • Список слоев: Визуальные превью каждого слоя.
    • Иконка глаза — переключение видимости.
    • Двойной клик по названию — переименование слоя.

 

 

  • Режим наложения: Выпадающий список из 12 режимов (Нормальный, Умножение, Осветление, Перекрытие и т.д.). Изменяет способ смешивания пикселей слоя с нижележащими.

 

 

  • Непрозрачность: Ползунок прозрачности активного слоя от 0 до 100%.

 

 

  • Кнопки управления: Добавить, Дублировать, Объединить с нижним, Удалить, Поднять, Опустить, Добавить маску.

 

 

Imager PRO — это не просто «кнопка обрезать». Это полноценная среда для недеструктивного редактирования:

  • Полноценная слоевая система: 12 режимов наложения, управление непрозрачностью, переименование и Drag-and-Drop сортировка.
  • Слой-маски: Профессиональное скрытие частей изображения без потери данных.
  • Продвинутые выделения: Прямоугольные, эллиптические и интеллектуальное Магнитное лассо (с алгоритмом поиска краев на базе градиентов яркости).
  • 20+ инструментов рисования и ретуши: Кисть с растушевкой, карандаш, ластик, штамп (клонирование), осветление/затемнение, локальное размывание, пипетка, заливка с допуском, градиенты, текст, фигуры.
  • 25+ фильтров и коррекций: Гауссово размытие, Резкость, Цветовой баланс, Уровни, Баланс белого, Постеризация, Мультяшность, Глитч, Хроматическая аберрация, Тепловая карта и многие другие.
  • История изменений: Глубина до 50 действий. Пользователь может смело экспериментировать, не боясь испортить оригинал.

 

Попробуйте мощь Imager Pro прямо сейчас!

Удачного творчества и красивых картинок!

Проверено на следующих конфигурациях и релизах:

  • 1С:Библиотека стандартных подсистем, редакция 3.1, релизы 3.1.12.281
  • Управление торговлей, редакция 10.3, релизы 10.3.88.3

Вступайте в нашу телеграмм-группу Инфостарт

редактор изображений графический редактор веб-редактор 1С HTML5 Canvas обработка фото 1С слои маски магнитное лассо обработка сканов ретушь фото 1С:Предприятие JavaScript клиентская обработка фильтры интеграция 1С редактор картинок фото в браузере создание баннеров обработка изображений HTML-поле 1С

См. также

Работа с интерфейсом Анализ учета Мониторинг 1С:Предприятие 8 1С 8.3 1C:Бухгалтерия 1С:Бухгалтерия 3.0 1С:ERP Управление предприятием 2 1С:Управление холдингом 1С:Зарплата и Управление Персоналом 3.x 1С:Комплексная автоматизация 2.х 1С:Управление нашей фирмой 3.0 1С:Управление торговлей 11 Платные (руб)

Создайте свой функциональный интерфейс в любой конфигурации 1С с помощью расширения Infostart Dashboard. Настраивайте панели виджетов с метриками, индикаторами и показателями на начальном экране. Узнайте возможность внедрения подсистемы у себя в конфигурации с помощью бесплатной обработки "Анализ внедрения подсистемы 1С Infostart Dashboard"!

31720 руб.

27.03.2025    88568    64    44    

75

Консолидация данных Работа с интерфейсом Программист Пользователь 1С:Предприятие 8 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Управление нашей фирмой 3.0 1С:Розница 3.0 1C:ERP Узбекистан Беларусь Кыргызстан Россия Казахстан Платные (руб)

Знакомая ситуация? Пользователи, особенно менеджеры, уверены: отборов много не бывает. Идут пожелания добавить в форму списка еще один быстрый фильтр, еще два, еще пять... В итоге интерфейс превращается в нагромождение полей отбора, а потребность в «самом главном» отборе, который «вот прямо сейчас нужен», все равно не закрыта. Универсальное расширение, которое решает эту проблему элегантно и технологично. С его помощью в любую форму списка можно легко добавить панель настраиваемых кнопок-закладок, каждая из которых применяет сложный фильтр-запрос, а так же показывает актуальное количество элементов в реальном времени.

6088 руб.

17.10.2025    2757    3    0    

2

Разработка Инструментарий разработчика Работа с интерфейсом Адаптация типовых решений Нейросети 1C:Бухгалтерия 1C:ERP 1С:ЗУП 1С:КА 1С:УНФ 1С:УТ 1С:Розница 1С:ДО 1С:ERP Управление предприятием 2 Платные (руб)

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

36600 руб.

28.08.2025    8983    2    2    

6

Работа с интерфейсом Программист Стажер 1С:Предприятие 8 Бесплатно (free)

Это инструкция по дизайну форм в среде 1С. Гайд охватывает рекомендации и стандарты для оптимизации пользовательского интерфейса. В гайде содержатся указания по использованию элементов интерфейса, включая как основные, так и продвинутые аспекты. Предоставляются также примеры и антипримеры для наглядного понимания принципов дизайна

20.08.2024    53609    mrXoxot    44    

139

Работа с интерфейсом Программист 1С:Предприятие 8 Бесплатно (free)

Пример простого и симпатичного прогресс-бара в динамическом списке, без картинок, используя редактирование запроса.

27.05.2024    28370    smielka    39    

118

Инструментарий разработчика Работа с интерфейсом Программист 1С 8.3 Абонемент ($m)

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

1 стартмани

10.04.2023    18208    184    acces969    31    

132

Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия Бесплатно (free)

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

12.08.2022    14770    top_1c    39    

98

Работа с интерфейсом Программист 1С:Предприятие 8 1C:Бухгалтерия Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    15500    kalyaka    8    

35
Комментарии
Подписаться на ответы Инфостарт бот Сортировка: Древо развёрнутое
Свернуть все
1. serg33rus 36 04.08.26 16:55 Сейчас в теме
Посмотрим. Вещь нужная. Слету придумал куда будет очень нелишним встроить.
Вообще столь могучая штука за 1 см - это практически даром.
Спасибо.
akR00b; war41k; +2 Ответить
2. serg33rus 36 04.08.26 17:14 Сейчас в теме
Локально работает без проблем.
А вот в тонком клиенте с серверной базой ругается
Ошибка чтения изображения: {ВнешняяОбработка.ЧИС_ImagerPRO.Форма.Форма.Форма(62)}: Ошибка при вызове конструктора (ДвоичныеДанные): Каталог не обнаружен 'C:\Serg\my doc\Лев на байке.png'
На сервере реально нет такого пути. Он на клиенте. Получается что файл выбирается на клиенте, а как двоичные данные пытается открыться на сервере. Я так думаю, что здесь засада.
3. war41k 883 04.08.26 17:15 Сейчас в теме
(2) Поправляю ожидайте пожалуйста
4. war41k 883 04.08.26 17:33 Сейчас в теме
(2) Перекачайте публикацию теперь и в Клиент Серверном варианте работает
5. SerVer1C 1105 04.08.26 23:20 Сейчас в теме
С помощью ПолеHTMLДокумента можно запустить 1С внутри 1С
Что за js-либа под капотом ?
6. war41k 883 05.08.26 07:13 Сейчас в теме
(5) Весь функционал написан на чистом Vanilla JavaScript с использованием стандартного HTML5 Canvas API.
16. SerVer1C 1105 05.08.26 11:06 Сейчас в теме
(6) Какой опенсорсовый проект лежит в основе? Не сами же писали фотошоп на яваскрипте.
17. war41k 883 05.08.26 12:09 Сейчас в теме
19. SerVer1C 1105 05.08.26 12:16 Сейчас в теме
(17) Нейронка чтоль написала ?
7. GrigoryYanshin 77 05.08.26 07:16 Сейчас в теме
АГОНЬ)))) 😍😍🔥🔥🔥
Я котика в 1С разрисовал)))) День удался)
Прикрепленные файлы:
akR00b; war41k; +2 Ответить
8. GrigoryYanshin 77 05.08.26 07:22 Сейчас в теме
(7) Замечание: если использовать обработку через WEB-клиент, то обработка не даст загрузить и выгрузить png-файл. Также если смотреть через браузер, то там немного хромает навигация. Но на обычном, тонком клиенте, все работает четко)
12. war41k 883 05.08.26 09:45 Сейчас в теме
(8) Теперь доступно и в веб клиенте, перекачайте публикацию. Работает во всех режимах: локальная база, Клиент-Серверный вариант а так же веб клиент!
9. akR00b 26 05.08.26 08:13 Сейчас в теме
10. V.Nikonov 130 05.08.26 09:10 Сейчас в теме
Весьма полезно!
А результат сразу в Хранилище базы закидывает? Из базы (без промежуточного файла) картинку забирает?
Можно Скрин Обработки показать?
11. war41k 883 05.08.26 09:23 Сейчас в теме
(10) вот
Прикрепленные файлы:
13. Трактор 1288 05.08.26 10:28 Сейчас в теме
У меня почему-то не отобразились картинки инструментов и нету возможности изменить размер шрифта.
Тонкий клиент 8.3.27.1786
Но прикольно.
Прикрепленные файлы:
14. war41k 883 05.08.26 10:34 Сейчас в теме
(13) странное какое то поведение, проверял на 3 разных машинах такого нету :(, может чё с кэшом
15. Трактор 1288 05.08.26 10:50 Сейчас в теме
(14) Ага, странно. Я проверял свежескачанную обработку на трёх разных базах с разными режимами совместимости.
18. war41k 883 05.08.26 12:15 Сейчас в теме
(15) Может из за платформы всё как то странно
Прикрепленные файлы:
20. war41k 883 05.08.26 12:27 Сейчас в теме
(15) пробуйте эту версию доработал выбор шрифтов, может уйдёт глюк отрисовки
Прикрепленные файлы:
21. Трактор 1288 05.08.26 12:38 Сейчас в теме
(20) Изменения в настройке шрифтов оценил. Для сохранения надписи надо нажимать ввод, это понимается быстро.
Значки инструментов так и не отображаются. Ну и ладно. У других работает - уже хорошо. Дома под линуксом попробую.
22. Salavat 15 05.08.26 19:05 Сейчас в теме
Ок, плюсану очередную фигню.
Для отправки сообщения требуется регистрация/авторизация