爲文本生成垂直圖像

Question

我需要在html表中垂直標頭。 由於某些原因，純粹的CSS解決方案還不夠，因此我們決定生成帶有垂直文本的圖像並放入適當的元素中。

我們有大約200個標題，所以需要一些自動化。

你可以建議一些工具，可以幫助用較少的努力做到這一點？

Answer 1

Adob​​e Photoshop是腳本化的;您可以創建文本圖層，設置文本，旋轉它們，修剪圖像，並將所有文件全部保存在程序中。你有可以使用的Photoshop副本嗎？

由於學習開銷較少（或花費的$$$），您可以選擇create text on an HTML canvas，然後create a PNG data url。有了這個，你可以直接在你的CSS中包含200頭文件的內容，而不是讓200個HTTP請求將它們全部拉出來。