jquery - 带有 jcrop 的 jQuery 旋转函数

Question

我正在将 jcrop 与 jquery 一起使用，但也想使用 jQueryRotate(2.2)。裁剪工作正常但旋转不起作用。我有两个按钮 1) 裁剪和另一个用于旋转。旋转将顺时针和逆时针旋转图像

<form>
<input type="hidden" size="4" id="x1" name="x" />
<input type="hidden" size="4" id="y1" name="y" />
<input type="hidden" size="4" id="x2" name="x2" />
<input type="hidden" size="4" id="y2" name="y2" />
<input  type="hidden" size="4" id="w" name="w" />
<input type="hidden" size="4" id="h" name="h" />
<img src="test.jpg" id="photo"  >
 <input type="submit" name="sub12" value="Save Cropped Image" class="save" />
<input type="button" name="rotate1" value="Rotata" onclick="javascript:rot1()"   />
</form>

jQuery(function($){
$('#photo').Jcrop()

});

function rot1()
{
   $("#photo").rotate(45);
}

请帮忙

Answer 1

您可以尝试像这样使用：

jQuery(function(){

  $('#photo').Jcrop();

  $("input[name='rotate1']").click(function() {
     $("#photo").rotate(45);
     return false;
  });
});