Rotation in a canvas

The generated notation need to be able to put things at angles and also to have multiple font sizes, so things can be big or small. This shows some stuff at an angle.

Your browser does not support the HTML5 canvas tag.

It's using some rand numbers, so hit reload a few times to get the idea. Also, this shows why using the unicode stave char () to draw staves is not a good idea. However, rotating normal text strings seems to be more or less ok:

Your browser does not support the HTML5 canvas tag.

I've done no maths to check for collisions of text there or whether it's gone offscreen, so that needs to be done. It's clear that text will need special handling. It's ok if part of a glyph goess off the edge of a canvas, but not as ok if a string disappears or trails off. And strings should not overlap each other. I'm not sure what the rules should be for other glyphs.

There's a typo making all the rotation just list somewhat to the right and I'm too lazy to fix it...