В настоящее время у меня есть изображение, которым нужно манипулировать, чтобы оно соответствовало тому же масштабу, положению и повороту, что и шаблон.

серый прямоугольник с кружком посередине - это шаблон. Оранжевый прямоугольник и круг представляют ввод пользователя. Его нужно вращать, масштабировать и выравнивать, чтобы он совпадал с серым. В настоящее время я нахожусь в тупике о том, как действовать. У меня нет кода, кроме следующего.
function align_image()
{
// clever transform alignment code here
}
Плохая собака, без печенья!
Процесс выравнивания изображений обычно выполняется вручную и оценивается на глаз. Я надеюсь автоматизировать этот шаг и выровнять изображение в соответствии с его размером и положением, но оставив комфорт и безопасность Photoshop DOM, я не уверен, как действовать, или даже если это тривиальный вопрос или лучше оставить его в покое. В настоящее время проект основан на веб-технологиях и использует javascript и три. js
Так что, если кто-нибудь может дать мне несколько советов, я бы оценил его.