画布图像编辑器

Question

我正在尝试用canvas制作一个图像编辑器，但我在调整旋转图像的大小时遇到了一些问题。我的重新调整大小的锚点和图像似乎没有像他们应该的那样排列在一起。

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;