キャンバスイメージエディタ
-
13-11-2019 - |
質問
キャンバスを使ったイメージエディタを作ろうとしていますが、回転画像の再サイジングでいくつかの問題になりました。私のリサイズのアンカーと画像は彼らがそうでなければ並んでいないようです。
http://jsbin.com/isexig/9/edit#source
(画像をクリックすると画像が回転し、再サイジングをテストするために)
これを修正する方法は?
PIで割る必要があるが、BLを作業に取り入れず、アンカーはまだ完全に一致しないことを発見しました= /
解決
私は、角ハンドルを含むグループがすでに回転していることを発見したので、すべての三角法を必要としません。
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;
. 所属していません StackOverflow