jquery - 使用 jQueryRotate 旋转后图像变大了一点

Question

我尝试过同时使用 jQueryRotate v2.0和 v1.7。但在这两种情况下，旋转后图像都会稍大一些。我怎么解决这个问题？我使用以下代码进行旋转:

var test = 0;
$('#working-area .rotatable').live('click', function(event) {
    test = test + 90;
    $(this).rotate({
        angle: test,
        containment: "working-area"
    });
});

Answer 1

图像旋转时肯定会占用更大的空间，特别是如果图像是矩形，因为高度和宽度大小不同。以一张 8x4 的纸为例，将其横向旋转 45 度。您会发现纸张现在占据了原来高度的一半，宽度是原来的两倍。现在再旋转 22.5 度，您会发现高度现在变大了 3/4。

通常的解决方案是用图像的高度或宽度(以较高者为准)制作一个正方形尺寸包含，然后在该值上添加四分之一以适应旋转时尺寸的变化。