javascript - キャンバス回転逆 X

Question

このレイをマウス カーソルに追従させることができません。

X 軸では常に逆になります。

問題は atan 関数にあると思いますが、三角法がかなり低いため、これを修正する方法がわかりません。

これは私がラジアンを計算する方法です：

 var dx = target.x - center.x;
 var dy = target.y - center.y;

 var rad = Math.atan2(dx, dy);

Answer 1

var dx = center.x - target.x;

フィドル

---

上記のフィドルは Firefox では機能しません。これは、FF がネイティブにサポートされていないためですevent.offsetX。/Yマウス イベントについては、最小限の例を作成するときに正規化コードが切断されたと思いますが、今後の参考のために正規化コードをここに残しておきます。

function normOffset(event) {
    if (typeof event.offsetX === 'undefined' || typeof event.offsetY === 'undefined') {
        var targetOffset = $(event.target).offset();
        event.offsetX = event.pageX - targetOffset.left;
        event.offsetY = event.pageY - targetOffset.top;
     }
}

次に、jQuery イベント オブジェクトをそれに渡します。

フィドル