JavaScriptキャンバス上でマウスポインタの方向に画像を回転しようとしていますか？ここ

Question

は私のコードです：誰かが修正を見つけるために私を助けることができれば、私はこの時点で何が間違っている見当がつかないよう

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(); 
    } 
    }); 

は本当に、お願い申し上げます:)

Answer 1

回転はラジアンです。 をご覧ください： http://www.html5canvastutorials.com/advanced/html5-canvas-transform-rotate-tutorial/