Imager Client
Компонент для генерации ссылок на сжатые миниатюры картинок в микро-сервисе Imager.
Для работы нужно настроить и запустить микро-сервис Imager.
Документация: RU / EN
Инициализация компонента
Imager(thumb)
Можно передать массив настроек, кроме реализации на языке Go.
Настройки обработки картинок на сервере
thumb(thumb)
Ширина картинки
width(width)
Если передать
0
, то ширина не изменяется, и сохраняет свои пропорции относительно высоты.
Высота картинки
height(height)
Если передать
0
, то высота не изменяется, и сохраняет свои пропорции относительно ширины.
Установка ширины и высоты изображения
size(width, height)
Если передать
0
, то ширина не изменяется, и сохраняет свои пропорции относительно высоты.
Если передать
0
, то высота не изменяется, и сохраняет свои пропорции относительно ширины.
Обрезка изображения в размер
crop(crop)
Если
true
— при установке ширины и высоты этот параметр масштабирует и обрезает картинку в указанный размер.
Еслиfalse
— при установке ширины и высоты параметр масштабирует картинку в указанный размер.
Поля, которые образуются в результате масштабирования, закрашиваются установленным цветом или остаются прозрачными (если это возможно).
Повтор анимации
loop(loop)
Если
true
— анимация зацикливается.
Еслиfalse
— анимация проигрывается 1 раз.
Заливка фона цветом
color(r, g, b)
Устанавливает цвет заливки фона в RGB формате.
Обрезание краев картинки
trim(active, rate, colors)
С помощью этого фильтра можно обрезать картинку по прозрачным пикселям, черным/белым или любым другим цветам, которые находятся по краям (верх/низ/лево/право) картинки.
Активность обрезания краев картинки
trimActive(active)
Если
true
— обрезаем.
Еслиfalse
— не обрезаем.
Степень сопоставления цвета для обрезания краев
trimRate(rate)
Чем ниже это значение, тем точнее сопоставляется цвет.
Цвета, которые будут обрезаны по краям
trimColors(colors)
Список в RGB формате:
[[255, 255, 255], [0, 0, 0]]
.
Качество превью картинки
quality(quality)
Чем ниже значение, тем хуже качество и меньше размер файла (не для файлов результата: gif/png).
Настройка (кроме Go)
setting(setting)
Пример:
{ # ширина 'width': 100, # высота 'height': 100, # качество 'quality': 85, # обрезка в размер 'crop': false, # повтор анимации 'loop': true, # цвет заливки 'color': [255, 255, 255], # обрезка краев 'trimActive': true, # степень сопоставления при обрезании краев 'trimRate': 20, # список цветов для обрезания краев 'trimColor': [[255, 255, 255], [0, 0, 0]], }
Копирование, чтобы не вносить изменения в общий экземпляр
copy() / clone()
Можно использовать для группировки по типам/настройкам ассетов.
Получение ссылки без изменения формата картинки
get(file, setting)
Генерирует ссылку на ассет картинки по установленным параметрам, без изменения расширения исходного файла.
Получение ссылки с конвертацией в другой формат
convert(file, format, setting)
Генерирует ссылку на ассет картинки по установленным параметрам и с установленным расширением файла результата.
git clone https://github.com/pkg-ru/imager-client.git && cd imager-client
docker compose build && docker compose start
docker exec -it imager-client bash -c "go run test/*.go"
docker exec -it imager-client bash -c "go run test/*.go && npm run build && python3 -m build"