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

#javascript #jquery #css #ajax

#javascript #jquery #css #ajax

Вопрос:

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

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

Допустимый XHTML.

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

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

Комментарии:

1. Как далеко вы продвинулись в этом?

Ответ №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 framework является кроссбраузерная совместимость. Если вы считаете, что будете ориентироваться исключительно на браузер, поддерживающий CSS3, вы можете использовать эти:

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

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