Я пытаюсь разработать систему, которая будет делать предварительный просмотр того, как продукт может выглядеть с тиснением.
Чтобы сделать это, я, по сути, собираюсь объединить два изображения вместе. Чтобы сделать это правильно, я строю систему, используя в основном JavaScript, который позволяет выбирать фоновое изображение. Затем кто-то нарисует четырехугольник на этом изображении, который представляет правильные пропорции составного изображения.
Это изображение, которое является прямоугольным, будет искажено, чтобы соответствовать четырем координатам, которые составляют этот четырехугольник, используя Imagick.
Часть, над которой я немного размыта, это JavaScript. Он не должен поддерживать несколько браузеров, Webkit или FF в порядке.
Как минимум, он должен иметь прямоугольную форму, состоящую из четырех точек. Затем этими точками можно манипулировать по желанию, и между точками будет проведена линия, чтобы помочь пользователю визуализировать эффект.
Это грубое описание, но лучшее, что у меня есть. В идеальном мире я бы хотел сделать что-то похожее на это , но с большей гибкостью. http://jqueryui.com/demos/resizable/#aspect-ratio также является хорошим примером чего-то похожего на то, что я представляю, но с менее ограниченными преобразованиями.
Я исследовал Raphael.js, что тоже выглядит многообещающе, но я устал от изобретения колеса.
Есть мысли? Я скучаю по очевидным библиотекам / реализациям JavaScript, которые могут быть здесь полезны?
РЕДАКТИРОВАТЬ: я закончил с использованием Flash и этот класс AS3: http://www.rubenswieringa.com/blog/distortimage
Это была боль, но я заставил ее работать. Я оставляю это на всякий случай, если кто-то захочет обсудить технику javascript.