Мне нужно повернуть изображение с помощью JavaScript с интервалом в 90 градусов. Я пробовал несколько библиотек, таких как jQuery rotate и Raphaël, но у них одна и та же проблема - изображение вращается вокруг своего центра. У меня есть куча контента со всех сторон изображения, и если изображение не совсем квадратное, его части окажутся поверх этого контента. Я хочу, чтобы изображение оставалось внутри родительского элемента div, для которого установлены max-with и max-height.
Используя jQuery, вращайте вот так (http://jsfiddle.net/s6zSn/1073/):
var angle = 0;
$('#button').on('click', function() {
angle += 90;
$("#image").rotate(angle);
});
Результаты в этом:
И вот результат, который я хотел бы получить:
У кого-нибудь есть идея, как этого добиться?