jQuery中心使用.position水平和垂直旋转div

Question

这是我的小提琴示例：

http://jsfiddle.net/jwuliger/jSXNm/

我正在尝试使用.position UI方法将图像置于容器div的中心。

 $draggable.position({ of: $canvas, my: 'center', at: 'center' });

有人可以帮助我让这个图像在旋转时在画布div中水平和垂直保持居中吗？特别是在90°和90°的角度。 270。

它不起作用。任何其他解决方案也可以！

谢谢！

修改

要使图像旋转，请单击图像。

Answer 1

我找到了解决方案：

http://jsfiddle.net/jwuliger/jSXNm/1/

我只是玩边缘：

 var canvasWidth = parseInt($("." + $canvas.attr("class").replace(" ", ".")).width());
 var canvasHeight = parseInt($("." + $canvas.attr("class").replace(" ", ".")).height());
 var offsetLeft = (canvasWidth - $draggable.width()) / 2;
 var offsetTop = (canvasHeight - $draggable.height()) / 2;
 $draggable.css({ 'margin-top': offsetTop - 2, 'margin-left': offsetLeft });