Javascript 塔防旋转物体

我正在用JavaScript进行学校项目。（塔防）

我正试图在X/Y坐标系下旋转坦克。但我的旋转功能有问题（90°）

我想在move函数中添加以下内容：

this.angle += this.moveangle;
rotate(this.angle);
if(this.angle == 90){
   this.moveangle = 0;
}

这很简单

var img=document.getElementById('TankID');
img.setAttribute('style','transform:rotate(90deg)');

这使它工作（动画）

选中此项，可能会有帮助：

var img=document.getElementById('TankID');
img.setAttribute('style','transform:rotate(90deg)');

this.rotate = function(){
        playArea.context.save();
        playArea.context.translate(this.x + (this.width / 2), this.y + (this.height / 2));
        playArea.context.rotate(this.angle * Math.PI / 180);
        this.angle += this.moveangle;
        playArea.context.drawImage(tigerImg,(-this.width) / 2,(-this.height) / 2,500,250);
        playArea.context.restore();
    }