Editor di immagini su tela

Question

Sto cercando di creare un editor di immagini con tela, ma ho corso alcuni problemi con il ridimensionamento di un'immagine ruotata.I miei ancoraggi di ri-dimensione e l'immagine non sembrano allinearsi come dovrebbero.

http://jsbin.com/isexig/9/edit#source .

(L'immagine ruoterà quando fai clic su di esso, è solo per testare il re-dimensionamento)

Qualsiasi indizi Come risolvere questo?

Ho scoperto che l'angolo necessario per essere diviso per PI ma non riesco a far funzionare il BL e gli ancoraggi ancora non corrispondono perfettamente= /

Answer 1

Ho trovato che il gruppo è già ruotato, comprese le maniglie dell'angolo, quindi non hai bisogno di alcuna trigonometria:

http://jsbin.com/abejab/5/edit

switch (activeAnchor.name) {
case "tl":
case "br":
    bl.x = tl.x;
    bl.y = br.y;
    tr.x = br.x;
    tr.y = tl.y;
    break;
case "tr":
case "bl":
    br.x = tr.x;
    br.y = bl.y;
    tl.x = bl.x;
    tl.y = tr.y;
    break;
}
image.x = tl.x;
image.y = tl.y;
image.width = tr.x - tl.x;
image.height = bl.y - tl.y;

.