Ключевые факты
- Категория
- Design
- Типы входных данных
- file, range, text, select, number
- Тип результата
- file
- Покрытие примерами
- 4
- API доступен
- Yes
Обзор
Инструмент для выполнения аффинных преобразований изображений позволяет точно масштабировать, вращать, сдвигать и перемещать графические файлы, сохраняя при этом параллельность линий и пропорции объектов.
Когда использовать
- •Когда необходимо скорректировать геометрию изображения, например, выровнять наклон или изменить масштаб.
- •Для создания эффектов перспективы или наклона с помощью инструментов сдвига (shear).
- •При подготовке изображений для верстки, когда требуется точное позиционирование объекта внутри холста.
Как это работает
- •Загрузите исходное изображение в поддерживаемом формате (JPEG, PNG, WebP и другие).
- •Настройте параметры трансформации: укажите коэффициенты масштабирования, угол поворота, значения сдвига и смещения по осям.
- •Выберите формат выходного файла и при необходимости задайте цвет фона для заполнения пустых областей.
- •Нажмите кнопку обработки, чтобы применить математические преобразования и скачать готовый результат.
Сценарии использования
Примеры
1. Выравнивание наклона фото
- Контекст
- Пользователь сделал снимок документа, который получился слегка перекошенным.
- Проблема
- Изображение выглядит непрофессионально из-за наклона.
- Как использовать
- Загрузить фото, подобрать угол вращения в градусах и сохранить результат в формате PNG.
- Пример конфигурации
-
angle: 2.5, format: png - Результат
- Документ выровнен по горизонтали и готов к использованию.
2. Создание эффекта перспективы
- Контекст
- Дизайнеру нужно наложить плоское изображение на элемент интерфейса под углом.
- Проблема
- Необходимо наклонить объект, чтобы он соответствовал перспективе макета.
- Как использовать
- Использовать параметры сдвига (shearX) для придания объекту нужного наклона.
- Пример конфигурации
-
shearX: 0.5, background: transparent - Результат
- Объект получил необходимый наклон, сохранив исходные пропорции линий.
Проверить на примерах
image, png, jpgСвязанные хабы
FAQ
Какие форматы изображений поддерживаются?
Инструмент поддерживает работу с файлами JPEG, PNG, WebP, GIF, BMP и TIFF.
Что такое аффинное преобразование?
Это геометрическое преобразование, которое сохраняет параллельность прямых линий, позволяя выполнять масштабирование, вращение и сдвиг.
Как заполнить пустые области после сдвига или поворота?
Вы можете указать цвет фона в поле «Цвет фона» (поддерживаются HEX-коды или названия цветов), чтобы заполнить прозрачные участки.
Можно ли изменить качество выходного файла?
Да, для форматов JPEG и WebP доступна настройка качества от 1 до 100.
Влияет ли сдвиг на пропорции изображения?
Сдвиг (shear) наклоняет изображение вдоль выбранной оси, что меняет его форму, но сохраняет параллельность сторон.