Инструмент для преобразования изображений с помощью перспективной трансформации. Или как повернуть фото трапецией.
Это преобразование называется перспективной трансформацией (perspective transformation) или гомографией (homography). Математический аппарат и исходники находятся тут.
- Суть: Преобразование проецирует исходное изображение (обычно прямоугольное) на произвольный выпуклый четырехугольник в плоскости вывода.
- Соответствие точек: Задается соответствие между четырьмя угловыми точками исходного прямоугольника и четырьмя угловыми точками целевого четырехугольника.
- Результат: Изображение «растягивается», «сжимается», «наклоняется» и «искажается» таким образом, чтобы его углы совпали с целевыми точками. Параллельные линии на исходном изображении (которые не параллельны плоскости проекции) становятся сходящимися на выходном изображении, создавая эффект перспективы.
—
—
—
—
Оригинальное изображение
Результат трансформации (перетаскивайте маркеры для изменения перспективы)
Друзья, спасибо за внимание!
Оставляйте комментарии, делитесь мнением, может быть надо что-то переделать или улучшить.
Большое спасибо за Ваши инструменты! Использую для вставки в презентации! Быстро, легко, удобно, еще и прозрачный фон! Благодарю за столь качественный подход и открытую доступность!
Инструмент пригождается. Ура! Очень рад )))
Большое спасибо! Очень удобно и качественно!
Спасибо за столь высокую оценку! Хотелось унести в онлайн полезные штуки, которых нет нигде
2 картинки выровнял быстро и понравилось. Спасибо.
Спасибо за обратную связь! Очень рад, что сервис оказался полезным )))
Тяжело работать. Точка следует за курсором с задержкой в ~3-4 секунды
Windows 7 x64, AMD A6-3400M APU
Спасибо за информацию! Тут весь процесс происходит на клиентской машине. Скорость работы напрямую зависит от возможностей вашего железа, операционной системы и браузера. Алгоритмически могу разогнать (но доберусь точно не завтра). Но в любом случае, скорость целиком зависит от возможностей точки применения инструмента.
Было бы совсем супер если бы картинку можно было модифицировать не на фоне сетки, а не неком специально загруженном пользователем фоне. Пример: «вложить» нужную картинку в фотографию на которой на стене уже висит какая-то другая картина в рамке. Вложить свою картинку в эту рамку.
Крутая идея! Закончу текущее и сразу займусь. В апреле, скорее всего, получится. Надо будет маркеры сделать другими, для точного позиционирования, возможно сильно полупрозрачными в момент таскания. Неплохо было бы и превьюху приделать. Лан, посмотрим по обстоятельствам. Спасибо за идею!
Теперь можно добавить фон, применить размытие к краям оригинала (чтобы более естественно смотрелась врезка). Можно таскать трансформацию оригинала целиком. Маркеры стали поменьше и попрозрачней. Сама трансформация стала пошустрей.