Editor de imágenes de lienzo

Question

Estoy tratando de hacer un editor de imágenes con lienzo, pero me encontré con algunos problemas para reencender una imagen girada.Mis anclas de reajuste y la imagen no parecen alinearse como deberían.

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

(la imagen girará cuando haga clic en él, es solo para probar la retención)

¿Alguna pista de cómo solucionar esto?

Descubrí que el ángulo debía dividirse por PI, pero no puedo hacer que el BL para trabajar y los anclajes todavía no coincidan perfectamente= /

Answer 1

Descubrí que el grupo ya está girado, incluidos los mangos de la esquina, por lo que no necesita ninguna trigonometría en absoluto:

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;