Масштабировать и наклонять изображения с помощью jQuery или AJAX

Question

Я пытаюсь найти способ с помощью ajax или jquery, который может повернуть картинку в нужную мне точку. Например, я хочу, чтобы на моем фоне было четыре точки (рисунок № 1), а затем была картинка, каждый угол которой указывал и соответствовал моим точкам желаний (рисунок № 2).

Он будет динамичным, и в основном картинка # 1 будет статичной, но картинка # 2 будет меняться с помощью клавиши next / previews. Вроде как галерея. Эти точки и изображения могут различаться в разных галереях и должны иметь возможность модифицироваться.

.

Есть предложения?

Заранее спасибо.

Answer 1

Большинство библиотек JS должны предоставлять функции, необходимые для поворота / перекоса изображений в соответствии с описанием.

Например, в Jquery есть плагин «Scale», который может это сделать:

http://plugins.jquery.com/plugin-tags/scale

Аналогично scripty2 (scriptaculous 2) предлагает его также в каркасе scripty2fx:

http://scripty2.com/doc/scripty2_fx_section.html

CSS3 также предоставляет методы для поворота / перекоса / масштабирования изображений с использованием преобразований. Преимущество использования JS-фреймворка заключается в кросс-браузерной совместимости. Если вы думаете, что будете ориентироваться исключительно на браузер, поддерживающий CSS3, вы можете использовать эти / те:

http://www.w3.org/TR/css3-2d-transforms/

Дайте мне знать, если вам нужны более конкретные инструкции или если вам нужна помощь с чем-то более конкретным / узким.