jQuery使用jcrop旋转函数

Question

我正在使用jcrop和jquery但也想使用jQueryRotate（2.2）.Cropping工作正常但旋转不起作用。我有两个按钮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;
  });
});