Блог

 let canvas = document.getElementById('canva');
let ctx =canvas.getContext('2d');
let img=new Image();
img.src='photorefaite/terre1.png';
let img2=new Image();
img2.src='photorefaite/mercure1.jpg';

ctx.translate(800,400);

function terre(){
  ctx.globalCompositeOperation = 'destination-over';
  ctx.clearRect(0,0,innerWidth,innerHeight);

  ctx.rotate(1*Math.PI/180);
  ctx.drawImage(img,0,0,50,50);

  ctx.rotate(5*Math.PI/180);
  ctx.drawImage(img2,50,50,40,40);
 

  ctx.rotate(10*Math.PI/180);
  ctx.drawImage(img2,100,100,40,40);
  requestAnimationFrame(terre);
}



terre();
  

В приведенном выше коде я создал три изображения с тремя разными скоростями вращения. Однако три фигуры имеют одинаковую скорость вращения, которая равна «ctx.rotate (10 * Math.PI / 180);», я хотел бы знать, как сделать так, чтобы у каждого изображения была своя скорость вращения.