title: Drawing rotated text on a HTML5 canvas
body: <p>Part of a web application I'm developing requires me to create bar graphs to display various information. I figured, if the user's browser is capable, I would draw them using the HTML5 canvas element. I have no problem drawing lines and bars for my graphs, but when it comes to labeling the axes, the bars, or the lines I ran into a snag. How do I draw rotated text onto a canvas element so that it lines up with the item it is labeling? A couple examples include:</p>
  
  <ul>
  <li>Rotate text 90 degrees counter
  clockwise to label the y-axis</li>
  <li>Rotate text 90 degrees counter
  clockwise to label bars on a vertical
  bar graph</li>
  <li>Rotate text an arbitrary amount to
  label lines on a line graph</li>
  </ul>
  
  <p>Any pointers would be appreciated.</p>