Повернуть квадрат с помощью мыши

Question

Я пытаюсь сделать что-то подобное, но мне нужны некоторые модификации, которые я не знаю, как это сделать ..

Пример: http://demo.superdit.com/jquery_image_rotate/

Но в этом примереУ меня есть некоторые проблемы.После поворота на 360º это выглядит как сумасшедший ... вероятно, математика кода ... и мне нужно повернуть изображение, на которое я нажимаю, не только по центру ... но и в любом месте изображения, на которое я нажимаюи перетащите, он вращается вокруг своей оси.

У кого-нибудь есть идеи, как изменить этот код?Спасибо!

ps: Извините за мой английский

Answer 1

Попробуйте propeller.js, это библиотека для поворота HTML-элементов с помощью мыши или прикосновения https://github.com/PixelsCommander/Propeller

Answer 2

Вы можете использовать Raphaël , он поддерживает такие вещи, как рисование, перетаскивание и поворот изображений.

Простой пример рисования и перетаскивания изображения: http://jsfiddle.net/8j8HP/1/

ПростойПример поворота изображения, где центр вращения не является центром изображения: http://jsfiddle.net/wXctQ/

Теперь вам просто нужно вычислить угол от положения мыши до центра вращения.