title: Rotating a sprite in canvas
body: <p>Here is code:
  <a href="https://jsfiddle.net/test123456978911337/cbL95gne/3/" rel="nofollow noreferrer">https://jsfiddle.net/test123456978911337/cbL95gne/3/</a></p>
  
  <p>When you click on rotate, sprite starts to "fall" in wrong , leant way, but of course, it also rotates. Can the "falling" animation be edited so only sprite rotates but it will fall in same way as non-rotated sprite?</p>
  
  <p>thank you for any help</p>
  
  <p>some code here, otherwise I can't ask this question.</p>
  
  <pre><code> ctx.save();
   ctx.translate(0, 0);
   ctx.rotate(350 * Math.PI / 180);
   ctx.drawImage(img, sprites.birds.bird2.x, sprites.birds.bird2.y, sprites.birds.bird2.width, sprites.birds.bird2.height, this.x, this.y, sprites.birds.bird2.width, sprites.birds.bird2.height);
   ctx.restore();
  </code></pre>