In Raphaeljs, How To Align Rotated Text To The Bottom?

Using the following code, and inspired by this question, I managed to have vertical column headers in an HTML table, compatible with Internet Explorer. Now the last detail I need t

Solution 1:

Instead of

.attr({'text-anchor': 'end'});

before the rotation, use this one to align the text at its start

.attr({'text-anchor': 'start'});

MDN docu for text-anchor