jQuery的旋转，拖拽和缩放

我在其中我想拖，旋转和调整图像的项目。这是我的第一个jQuery的项目，到目前为止，一切正常确定。海槽计算器，我发现它处理旋转插件jqueryrotate。jQuery的旋转，拖拽和缩放

的问题是，我现在有，我可以拖动图像和旋转，但是当我尝试调整旋转的图像，我得到了一些有趣的结果。旋转后的大小调整似乎关闭。

HTML

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/files/jQueryRotate.2.1.js"></script> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>  

<img id="resizableImage0" class="resize" width="100px" height="100px" alt="tile0" src="http://www.elaxtro.com/images/demo.png"> 
<img id="resizableImage1" class="resize" width="100px" height="100px" alt="tile1" src="http://www.specialized.com/OA_MEDIA/2009/bikes/9397-20_demo8_2_ano_blue_d.jpg">

jQuery的

window.zindex = 30; 

$(document).ready(function() { 
    $(".resize").resizable(); 

    $(".resize").parent().draggable({ 
     stack: "div" 
    }); 

    $(".resize").rotate({ 
     bind: { 
      dblclick: function() { 
       // get current 
       var currentAngle = $(this).get(0).Wilq32.PhotoEffect._angle; 
       var newAngle = currentAngle + 90; 
       $(this).rotate(newAngle); 
      } 
     } 
    }); 
});

小提琴应该把事情说清楚。 Fiddle

双击旋转图像:)

90度，是否有任何人谁可以帮助我。

预先感谢您。

编辑：修正了小提琴示例中的调整器请注意，如果旋转一次以使图像旋转90度，则问题最为明显。之后尝试调整大小。

当图像为0度或旋转

来源

2012-01-11 luuk86

刚刚发现我的大小调整不会在我的小提琴例如工作，但它确实我自己的文件。我会尽力解决这个问题。感谢罗里更新我的文章。 – luuk86 2012-01-11 11:16:19

你有没有找到一些帮助？我正在寻找相同的，需要建立一个拼贴生成器工具 – Enrique 2012-10-11 17:30:06

当你与draggable()做，必须在父div使用rotate() 180度，不会发生该问题。

$(".resize").resizable({handles: 'ne, se, sw, nw'}); 
$(".resize").parent().draggable({ 
    stack: "div" 
}); 
$(".resize").rotate({ 
    bind: { 
     dblclick: function() { 
      $(this).data('angle', $(this).data('angle')+90); 
      var w = $(this).css('width'); 
      $(this).parent().rotate({ animateTo: $(this).data('angle')}).css({width: $(this).css('height'), height: w}); 

     } 
    } 
});

http://jsfiddle.net/U64se/163/（哇... 163）

来源

2013-04-09 21:37:49 Shikiryu

jQuery的旋转，拖拽和缩放

回答

相关问题