2

jquery で jcrop を使用していますが、jQueryRotate(2.2) も使用したいです。切り抜きは正常に機能していますが、回転は機能していません。2 つのボタン 1)crop と回転用のボタンがあります。回転は画像を時計回りと反時計回りに回転させます。

<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);
}

助けてください

4

1 に答える 1

0

次のように使用してみてください。

jQuery(function(){

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

  $("input[name='rotate1']").click(function() {
     $("#photo").rotate(45);
     return false;
  });
});
于 2012-09-20T07:51:11.667 に答える