Ротация только одного изображения js
 

в прошлой теме вы мне помогли разобраться с ротацией изображений! теперь надо решить эту проблему: у меня есть например 10 изображений как сделать так чтобы только первое из них поворачивалось при вызове метода rotate();??? как так сделать ? вот мой код:

function draw(x, y) {


 ctx.rotate(30);


ctx.drawImage(fon,0,0,1000,600);

 
ctx.drawImage(imagesii,x,y,40,40);
 
ctx.drawImage(imagess,200,300,80,80);
ctx.drawImage(imagess,380,40,80,80);
ctx.drawImage(imagess,680,280,80,80);
ctx.drawImage(imagess,694,372,80,80); //x,y
ctx.drawImage(imagess,74,472,80,80);
ctx.drawImage(imagess,354,452,80,80);
ctx.drawImage(images,x_base,y_base,250,180);
ctx.drawImage(image,xbase,ybase,250,180);

Попробуйте так:

ctx.save();
ctx.rotate(30);
ctx.drawImage(fon,0,0,1000,600);
ctx.restore();
 
ctx.drawImage(imagesii,x,y,40,40);
ctx.drawImage(imagess,200,300,80,80);
ctx.drawImage(imagess,380,40,80,80);
ctx.drawImage(imagess,680,280,80,80);
ctx.drawImage(imagess,694,372,80,80); //x,y
ctx.drawImage(imagess,74,472,80,80);
ctx.drawImage(imagess,354,452,80,80);
ctx.drawImage(images,x_base,y_base,250,180);
ctx.drawImage(image,xbase,ybase,250,180);

профессор нексус спасибо нексус !