Генерация вертикальных изображений для текста

Question

Мне нужны вертикальные заголовки в таблице HTML.Чистого CSS-решения недостаточно по некоторым причинам, поэтому мы решили сгенерировать изображения с вертикальным текстом на них и вставить соответствующие элементы th.

У нас около 200 заголовков, поэтому требуется некоторая автоматизация.

Можете ли вы посоветовать некоторые инструменты, которые помогут сделать это с меньшими усилиями?

Answer 1

Adobe Photoshop поддерживает скрипты; Вы можете создавать текстовые слои, устанавливать текст, вращать их, обрезать изображение и сохранять файл процедурно. У вас есть копия Photoshop, которую вы можете использовать?

При меньших затратах на обучение (или потраченных $$$), вы можете создать текст на холсте HTML , а затем создать URL-адрес данных PNG . Таким образом, вы можете включить контент для ваших 200 заголовков непосредственно в ваш CSS вместо 200 HTTP-запросов, чтобы перетащить их повсюду.