畫布圖像編輯器

Question

我試圖用畫布做一個圖像編輯器，但我碰到了重新調整旋轉圖像的一些問題。我的重新定位錨和圖像似乎沒有像他們應該排隊。

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

（當你點擊它，圖像便會旋轉它只是用於測試的重新調整大小）

任何線索如何解決這一問題？

我發現需要的角度，使由PI分，但我不能讓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;