Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/node.js/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
试图在JavaScript画布上沿鼠标指针的方向旋转图像?_Javascript_Node.js_Image_Canvas_Rotation - Fatal编程技术网

试图在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
如果有人能帮我找到解决办法,我将不胜感激,因为我不知道这一点出了什么问题:)

旋转以弧度为单位。 请参阅: 旋转以弧度为单位。 请参阅: