Редактор изображений холста

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;

.