Операция Обработка изображений позволяет обрабатывать изображения на лету во время работы в Интернете, выполняя простое редактирование, такое как изменение размера, поворот, обрезка и т.п. Вы сможете делать скриншоты сайтов с которыми работаете, фреймов, веб-форм, всплывающих окон и сохранять их в файл изображения на вашем компьютере. Или, наоборот, подгружать файл изображения с компьютера, обрабатывая его для загрузки в веб, например для аватара на форуме, профиля в социальных сетях, каталога товаров в интернет-магазине и др.
Чтобы добавить операцию обработки изображений в шаблон выберите действие Обработка изображений в группе Данные:
...
В свойствах действия выберите источник изображения - скриншот браузера, файл на компьютере, или URL.
...
Затем выберите вид обработки:
Без изменений
Изменение размеров
Обрезка
Поворот
Водяной знак (наложение водяного знака)
...
После обработки файл можно сохранить в нужную директорию на компьютере, указав путь для сохранения.
...
Описание
Действие для редактирование и сохранения изображений.
Как добавить действие в проект?
Через контекстное меню Добавить действие → Данные → Обработка изображений
...
Либо воспользуйтесь умным поиском.
Для чего это используется?
Обработка визуальной составляющей картинок
Изменение / очистка метаданных
Сохранение скриншота инстанса
Как работать с экшеном?
Источник изображения
...
Скриншот инстанса - производится скриншот активной вкладки инстанса (браузера)
Файл - обрабатывается файл. При установке, необходимо указать путь к файлу на компьютере. Возможно использование макросов.
URL - после установки необходимо указать ссылку, по которой будет находиться картинка. С ней и будет производиться работа.
...
Обработка
Без обработки
При установке, изображение не будет изменяться. Полезно для сохранения скриншота инстанса или сохранения картинки с адреса URL на компьютер.
Изменение размеров
Позволяет изменить размер изображения
“Ширина” и “Высота” - цифровое значение, которое устанавливается исходя из настроек поля “Размеры”.
Размеры - указывается либо процентное соотношение, либо пиксели.
Сохранять соотношение сторон - если установить, то данные, которые вводятся в графы “Ширина” и “Высота” будут принудительно приведены к одному значению.
Не увеличивать изображение - Если указанная ширина или высота в кубике больше высоты и ширины картинки, то преобразование размеров не применяется.
Обрезка
Позволяет обрезать изображение
Область - Видимая или Заданная.
Видимая - Актуально только для опции “Скриншот инстанса“. Обрезает скриншот по границам окна, что позволяет получить на изображении только видимую часть сайта.
Заданная - обрезает всё изображение по заданным параметрам, которые регулируются в пунктах, перечисленных ниже.
Слева / Сверху / Ширина / Высота - указывается значение в пикселях или процентах.
Размеры - выбирается вариант “В пикселях” или “В процентах”.
Поворот
Позволяет повернуть изображение на желаемое количество градусов.
Водяной знак
Позволяет наложить текст или изображение на обрабатываемый файл.
Тип наложения - вариант расположения: “Горизонтально” или “По диагонали”.
Подробнее про Горизонтальный тип наложения
Расположение - где будет размещен текст/изображения
Отступ - указывается отступ слева или сверху, в пикселях. Отступ производится относительно расположения, которое было указано ранее.
Знак - изображение или текст.
Изображение - необходимо указать путь к нему.
Текст - необходимо указать желаемый текст и желаемый шрифт.
Прозрачность - желаемое числовое значение прозрачности наложенного текста или изображения. Чем больше, тем оно прозрачнее.
Зеркальное отражение
Позволяет “отзеркалить” изображение по заданным параметрам.
Очистить Exif
Позволяет очистить все метаданные изображения.
Сохранить
Необходимо указать качество в процентах и путь, куда сохранять файл.
Путь необходимо указывать с именем и форматом сохранения. Возможно использование макросов.
Редактирование Метаданных (EXIF)
Позволяет изменить те или иные метаданные. Возможно использование при установке всех типов обработки, кроме “Очистки Exif”
...
Пример использования
Представим ситуацию, что вы написали шаблон, но каком-то этапе работы с сайтом, он завершается ошибкой. Чтобы понять, что идёт не так, мы можем сделать скриншот в момент ошибки, чтобы оценить ситуацию визуально.
Создадим экшен Произвольные числа и строки (Random/Рандом), после этого сгенерировать число или имя “потока”, положим всё это в переменную {-Variable.thread-}.
Далее нам необходимо создать кубик Плохой выход в проекте (Bad End) и провести от него ветку в обработку изображения. Указываем настройки, как на скриншоте:
...
В качестве пути указываем: {-Project.Directory-}{-Variable.thread-}\Instance_screenshot.jpg
Также, можно добавить сохранение кода страницы {-Page.Dom-} через действий Записать в файл. Это позволит нам отловить ошибки, возникающие в ходе работы с браузером.