1

Javascriptとjsライブラリ(limeJS)を使用して、ユーザーがポイントをクリックすると長方形を描画し、ユーザーがマウスボタンを離すまで、長方形が回転してサイズが変更されます(幅のみ、高さは静的です)。

(うーん、画像を投稿できません - 評判ポイントが 10 必要です - ここに画像リンクがあります http://d.pr/i/KsBQ )

長方形は右上隅 (画像の赤い点) で回転されており、サイズと回転はマウス カーソル (青い点) に基づいて計算されています。

最後に、ユーザーがマウス ボタンを離したときに、長方形の中心を見つけたいと思います。

私はそれをすべて行うことができます(距離、回転を見つける)と中心ですが、右上隅(赤い点)yがマウスポイント(青い点)yよりも大きい場合、中心に何か問題があるようです. 私がやっていることは、左下隅を見つけることであり、左上があります。

var BOX_HEIGHT = 20;
// pos: upper right rectangle's position (red dot), mpos: mouse position (blue dot), rotation: rectangle's rotatio
test.GetCenter = function(pos, mpos, rotation)
{
    var dpos = {}, ret = {}, rot = (Math.abs(rotation) + 90) ;
    // find down left corner
    dpos.x = BOX_HEIGHT * Math.cos(rot * Math.PI / 180) + mpos.x;
    dpos.y = BOX_HEIGHT * Math.sin(rot * Math.PI / 180) + mpos.y;

    ret.x = Math.abs((pos.x + dpos.x) / 2);
    ret.y = Math.abs((pos.y + dpos.y) / 2);
    return ret;
}
4

1 に答える 1