Spraw, aby Jcrop tracker nie obracał się podczas kadrowania obróconego obrazu
Próbuję przyciąć obraz za pomocą Jcrop, ale gdy używam jqueryrotate na obrazie, dzieje się coś dziwnego.
Obracam obraz 90 degress, a następnie aktywuję JCrop, JCrop nie podąża za obróconym obrazem, więc obracam również uchwyt Jcrop. Wynikowy obraz jest w porządku, ale kiedy wybieram sekcję do przycięcia, zauważyłem, że mój tracker jest również obrócony. Kiedy przeciągam go w górę, idzie dobrze, kiedy przeciągam go w lewo, schodzi.
Co się dzieje
Potem to idzie Jak sprawić, aby narzędzie do selekcji roślin pozostawało w pozycji pionowej?
Mój html:
<div class="img-canvas" style="background-color:#cccccc;" >
<img id="image_canv" src="<?php echo $imagesource;?>">
</div>
My Jquery:
$('#rotatephoto').click(function () {
value += 90;
JcropAPI = $('#image_canv').data('Jcrop');
if(JcropAPI != null)
{
JcropAPI.destroy();
}
var h = $('.img-canvas').height();
var w = $('.img-canvas').width();
$('.img-canvas').css("position","fixed");
$('.img-canvas').css("width",w);
$('.img-canvas').css("height",h);
$('#image_canv').Jcrop({
onSelect: showCoords2,
onChange: showCoords2,
setSelect: [ 0, 100, 50, 50 ]
});
JcropAPI = $('#image_canv').data('Jcrop');
JcropAPI.enable();
var h2 = $('.jcrop-holder').height();
var w2 = $('.jcrop-holder').width();
if(h2 < 630)
{
var tempp = (630 - h2)/2;
$('.jcrop-holder').css("margin-top",tempp);
}
if(w2 < 630)
{
var tempp = (630 - w2)/2;
$('.jcrop-holder').css("margin-left",tempp);
}
$('.jcrop-holder').rotate(value);
$("#image_canv").rotate(value);
});