相关疑难解决方法(0)

我需要以90度的间隔使用javascript旋转图像.我尝试了一些像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);
});

结果如下:

这是我想要的结果:

任何人都知道如何实现这一目标？