Aiuto nella programmazione, risposte alle domande / html5 / Come gestire l'oggetto canvas html5 con il plugin jCrop? - html5, oggetto, elaborazione immagine, canvas, jcrop

Come gestire l'oggetto canvas html5 con il plugin jCrop? - html5, object, image-processing, canvas, jcrop

Sto cercando una soluzione a lungo termine e non riesco a trovare da nessuna parte Se ho per esempio questo codice html:

<html>
<head>
<meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.Jcrop.js" type="text/javascript"></script>
</head>
<table>
<img src="/images/picture.jpg" id="picture" style="display:none"/>
<tr>
<td>
<canvas id="rotate"></canvas>
</td>
</tr>
</table>
<p>
<strong>Rotate Image: </strong>
<a href="javascript:;" id="resetImage">Reset Image</a>
<a href="javascript:;" id="rotate90">90&deg;</a>
</p>
</html>

e voglio ruotare l'immagine con qualche javascriptruotare la funzione e dopo di che ho bisogno di ritagliarli con il plugin jCrop. C'è un modo per gestire l'oggetto canvas con il plugin jCrop. Ho provato a farlo in quel modo, ma non funzionante:

jQuery(function($) {
$("#rotate").Jcrop({
bgColor: "black",
bgOpacity: .8,
setSelect: [ 10, 10, 200, 300 ],
aspectRatio: 2 / 3
});
});

Qualcuno può aiutarmi per favore?

risposte:

0 per risposta № 1

Quindi l'ho risolto dopo molto tempo conimgareaSeleziona, pixastic e librerie jQuery. Il problema ora è che lo script sta funzionando un po 'lentamente, quindi devo fare un po' di ottimizzazione. Puoi vedere lo script di lavoro Qui.

Possiamo ruotare e capovolgere l'immagine remota in qualsiasi direzione e fare un po 'più di elaborazione delle immagini con le nostre foto locali.