试图在JavaScript画布上沿鼠标指针的方向旋转图像?
这是我的密码:试图在JavaScript画布上沿鼠标指针的方向旋转图像?,javascript,node.js,image,canvas,rotation,Javascript,Node.js,Image,Canvas,Rotation,这是我的密码: socket.on('newPositions', function(data) { ctx.clearRect(0, 0, 1500, 1000); for (var i = 0; i < data.length; i++) { var img = document.getElementById("player"); var rotation = -(Math.atan2(data[i].x - event.clien
socket.on('newPositions', function(data) {
ctx.clearRect(0, 0, 1500, 1000);
for (var i = 0; i < data.length; i++) {
var img = document.getElementById("player");
var rotation = -(Math.atan2(data[i].x - event.clientX, data[i].y - event.clientY) * 180 / Math.PI);
//ctx.drawImage(img, data[i].x, data[i].y, 89, 275);
ctx.save();
ctx.translate(data[i].x + 89 / 2, data[i].y + 275 / 2);
ctx.rotate(rotation);
ctx.translate(-data[i].x + 89 / 2, -data[i].y + 275 / 2);
ctx.drawImage(img, data[i].x, data[i].y);
ctx.restore();
}
});
socket.on('newPositions',函数(数据){
ctx.clearRect(0,0,1500,1000);
对于(变量i=0;i
如果有人能帮我找到解决办法,我将不胜感激,因为我不知道这一点出了什么问题:)旋转以弧度为单位。
请参阅:
旋转以弧度为单位。
请参阅: