Generate vertical images for text

I need vertical headers in html table. Pure CSS solution is not enough for so开发者_运维百科me reasons, so we decided to generate images with vertical text on them and put in appropriate th elements.

We have about 200 headers, so some automation is wanted.

Can you advice some tools which can help to do it with less efforts?

Adobe Photoshop is scriptable; you can create text layers, set text, rotate them, trim the image, and save the file out all procedurally. Do you have a copy of Photoshop that you can use?

With less learning overhead (or $$$ spent), you could alternatively create text on an HTML canvas and then create a PNG data url. With this, you could include the content for your 200 headers directly in your CSS instead of making 200 HTTP requests to pull them all over.