캔버스 이미지 편집기

Question

캔버스가있는 이미지 편집기를 만들려고했지만 회전 된 이미지의 크기를 조정할 때 문제가 발생했습니다. 내 크기 조정 앵커와 이미지가 제대로 정렬되어 있지 않은 것 같습니다.

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

(당신이 그것을 클릭하면 이미지가 회전합니다 그 바로 다시 크기를 테스트)

단서가이 문제를 어떻게 해결 하는가?

내가 필요한 각도 파이로 나눌 수 있음을 발견하지만 난 일할 수있는 BL을 얻기 위해 실패하고 앵커는 여전히 일치하지 않는 완벽 =/

Answer 1

나는 그룹이 이미 포함, 회전 것을 발견 아직 완벽하게 작동하지 않습니다하지만,

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;