javascript - Canvas 旋转逆 X

Question

我无法创建 this ray跟随我的鼠标光标。

它在 X 轴上总是相反。

我认为问题出在我的 atan 函数上，但由于我的三 Angular 函数相当低，我不知道如何解决这个问题。

这就是我计算弧度的方法:

 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;

Fiddle

<小时/>

上面的 fiddle 在 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 事件对象传递给它即可。

Fiddle