html5中画布中的角度,HTML5画布坐标给出奇怪的角度

我希望能够在HTML5画布上将鼠标指向鼠标。但是当我使用Math.atan2和其他trig函数时，方向会变得混乱。它以相反的方向旋转，它通常偏离90度。HTML5画布坐标给出奇怪的角度

如果你亲自看到它，可能会更容易。下面是JavaScript的：

var mouseX=0;

var mouseY=0;

var canvas = document.getElementById("world");

var context = canvas.getContext("2d");

function mouseMoveHandler(event) {

mouseX = event.clientX;

mouseY = event.clientY;

}

function windowResizeHandler() {

canvas.width = window.innerWidth;

canvas.height = window.innerHeight;

}

function loop() {

// Clear Screen

context.clearRect(0,0,canvas.width,canvas.height);

// Calculate the angle to the mouse

a = Math.atan2(mouseX-canvas.width/2,mouseY-canvas.height/2);

// Draw a line in the direction of the mouse

context.beginPath();

context.fillStyle = "#000000";

context.moveTo(canvas.width/2+10, canvas.height/2);

context.lineTo(canvas.width/2-10, canvas.height/2);

context.lineTo(canvas.width/2+Math.cos(a)*100, canvas.height/2+Math.sin(a)*100);

context.fill();

}

document.addEventListener('mousemove', mouseMoveHandler, false);

window.addEventListener('resize', windowResizeHandler, false);

windowResizeHandler();

setInterval(this.loop, 1000/30);

而这里的HTML：

Test

我如何可以使鼠标的方向行呢？

2010-11-21

cstack