title: Rotate context does not work for HTML5 canvas text
body: <p>I've successfully been able to fill in text on an HTML5 canvas element but have not been able to do the same for rotated text.</p>
  
  <p>Here are the relevant code snippets:</p>
  
  <pre><code>ctx.fillStyle = 'white'
  ctx.font = '15px Arial'
  ...
  ctx.fillText('50',232,190)
  ctx.fillText('40',272,190)
  ctx.fillText('30',312,190)
  ctx.fillText('20',352,190)
  ctx.fillText('10',392,190)
  
  /* Everything above this point is rendered perfectly */
  
  ctx.save()
  ctx.rotate(Math.PI/2)
  
  ctx.fillStyle = 'orange'
  ctx.font = '15px Arial'
  ctx.textAlign = 'left'
  ctx.fillText('10',32,190)
  ctx.restore()
  </code></pre>
  
  <p>I used this article for reference: <a href="https://newspaint.wordpress.com/2014/05/22/writing-rotated-text-on-a-javascript-canvas/" rel="nofollow noreferrer">https://newspaint.wordpress.com/2014/05/22/writing-rotated-text-on-a-javascript-canvas/</a></p>
  
  <p>Resulting image from the code above (other canvas-rendering code not essential to understanding this problem has been omitted):</p>
  
  <p><a href="https://i.stack.imgur.com/xVvX4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xVvX4.png" alt="enter image description here"></a> </p>
  
  <p>I have tried clearing my cache several times but it's still the same output, with none of the rotated text shown.</p>