为文本生成垂直图像

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请求将它们全部拉出来。