English 中文(简体)
jQuery 中心旋转图像, 使用. position 的 div 水平和垂直旋转图像
原标题:jQuery center rotating image in div horizontally and vertically using .position

以下是我举的小提琴的例子:

http://jsfidle.net/jwliger/jSXNm/

我试图用.position UI 方法 将图像集中到我的容器里。

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

能否请人帮助我获取此图像, 使其在旋转时水平和垂直都以画布为中心? 具体到角度 90 & amp; 270 。

任何其它解决方案都行!

谢谢!

<强度 > EDIT:

使图像在图像上旋转单击 。

问题回答

我找到了一个解决办法:

http://jsfidle.net/jwliger/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 });




相关问题
getGridParam is not a function

The HTML: <a href="javascript:void(0)" id="m1">Get Selected id s</a> The Function: jQuery("#m1").click( function() { var s; s = jQuery("#list4").getGridParam( selarrrow )...

selected text in iframe

How to get a selected text inside a iframe. I my page i m having a iframe which is editable true. So how can i get the selected text in that iframe.

jQuery cycle page with links

I am using the cycle plugin with pager functionality like this : $j( #homebox ) .cycle({ fx: fade , speed: fast , timeout: 9000, pager: #home-thumbs , ...

jquery ui dialog opens only once

I have a button that opens a dialog when clicked. The dialog displays a div that was hidden After I close the dialog by clicking the X icon, the dialog can t be opened again.

jConfirm with this existing code

I need help to use jConfirm with this existing code (php & Jquery & jAlert). function logout() { if (confirm("Do you really want to logout?")) window.location.href = "logout.php"; } ...

Wrap text after particular symbol with jQuery

What I m trying to do, is wrap text into div inside ll tag. It wouldn t be a problem, but I need to wrap text that appears particularly after "-" (minus) including "minus" itself. This is my html: &...

热门标签