Jquery，从中心旋转

Question

我在旋转图像时遇到问题。我需要的是能够在用户单击时将图像旋转到特定点。问题是 div 是从左上角开始旋转的。

我已经用 CSS 指定了原点，例如:

 -webkit-transform-origin: center center;

我正在使用它来启动它:

$('.rotate1').click(function() {
    $('#tri1').transition({ rotate: '-280deg' }, 5000, 'ease');
});

fiddle :http://jsfiddle.net/zz5uz/1/

提前致谢

Answer 1

这是因为你有div上的id，而不是图像。将其更改为:

<div class="triangle-down1">
    <img src="../../testppoints.png"  id="tri1">   
</div>

http://jsfiddle.net/zz5uz/2/