jquery - jQuery使用.position在div中水平和垂直旋转图像

Question

这是我的小提琴示例：

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

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

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

有人可以帮我让这张图片在旋转时在画布 div 中水平和垂直居中吗？特别是在角度 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 });