2012-02-26 1 views
1

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

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

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

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

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

+0

당신은'교환 bl'와'br' : 당신이 전혀 삼각법 필요가 없습니다 코너가 처리합니다. – pimvdb

+0

'인덱스 또는 크기가 음수이거나 허용 된 양보다 큽니다 (164 범위 외 164)'- 디버거 만 사용하십시오. – kirilloid

답변

2

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

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; 
+0

나는 그걸 알아 냈어.하지만 도와 줘서 고마워. – user1232990