Javascript 如何禁用 ctx.rotate() 对某些形状的影响

我有一些图像，我想旋转和一些我不想要的. 首先查看以下代码:

    var mainInterval = setInterval(() => {
        ctx.clearRect(-width,-height,width,height);
        ctx.fillStyle = "green";
        ctx.fillRect(0,0,width,height);
        ctx.drawImage(pistolInv,width / 4,height - 60 * graphics,width / 8,60 * graphics);
        ctx.drawImage(submachinegunInv,width / 2,height - 60 * graphics,width / 8,60 * graphics);
        ctx.drawImage(ak47Inv,width / 4 * 3,height - 60 * graphics,width / 8,60 * graphics);
        ctx.rotate(angle);
        debugger;
        if(equippedGun != -1){
            var gun = new Image();
            gun.src = "assets/guns/" + guns[equippedGun] + ".png";
            ctx.drawImage(gun,width / 2,height / 2,120 * graphics,20 * graphics);
        }
        ctx.drawImage(player,width / 2 - (30 * graphics),height / 2 - (30 * graphics),60 * graphics,60 * graphics);
        ctx.drawImage(hand,width / 2 + (15 * graphics),height / 2 - (33 * graphics));
        ctx.drawImage(hand,width / 2 - (40 * graphics),height / 2 - (33 * graphics));
    },10);

在本例中，我希望3个第一个图像不旋转，4个第二个图像旋转.
但由于间隔的原因，旧的旋转将影响前3张图像.
我认为这是因为我轮换了整个CTX.
如果是，有没有只旋转形状的方法？