Javascript Can';在画布内旋转图像
我试着在画布中旋转一个图像,根据玩家向左或向右按的次数 我无法理解这是如何工作的,有人能帮忙吗?捕获左键(39)您可以调用一个函数来更新图像旋转因子,在示例中,该因子转换为度Javascript Can';在画布内旋转图像,javascript,Javascript,我试着在画布中旋转一个图像,根据玩家向左或向右按的次数 我无法理解这是如何工作的,有人能帮忙吗?捕获左键(39)您可以调用一个函数来更新图像旋转因子,在示例中,该因子转换为度 if (player1Ready) { ctx.save(); ctx.rotate(player1.rotation); ctx.drawImage(player1Image, player1.x, player1.y,80,80); ctx.restore(); } 请参见此
if (player1Ready) {
ctx.save();
ctx.rotate(player1.rotation);
ctx.drawImage(player1Image, player1.x, player1.y,80,80);
ctx.restore(); }
请参见此处的一个工作示例:
document.onkeydown = function (e) {
if(e.keyCode == 39){
angleInDegrees+=5;
drawRotated(angleInDegrees);
}else if(e.keyCode == 37){
angleInDegrees-=5;
drawRotated(angleInDegrees);
}
}
function drawRotated(degrees){
ctx.clearRect(0,0,canvas.width,canvas.height);
ctx.save();
ctx.translate(canvas.width/2,canvas.height/2);
ctx.rotate(degrees*Math.PI/180);
ctx.drawImage(image,-image.width/2,-image.width/2);
ctx.restore();
}