为文本生成垂直图像

Question

我需要在html表中的垂直标题。由于某些原因，纯CSS解决方案还不够，所以我们决定生成带有垂直文本的图像，并添加适当的th元素。

我们有大约200个头文件，所以需要一些自动化。

你能建议一些可以帮助你以更少的努力来完成这件事的工具吗？

Answer 1

Adobe Photoshop是可脚本化的；您可以创建文本图层、设置文本、旋转它们、裁切图像以及按程序将文件存储出来。你有没有可以使用的Photoshop副本？

以较少的学习开销(或花费的$$$ )，您可以选择create text on an HTML canvas，然后create a PNG data url。这样，您就可以将200个头的内容直接包含在CSS中，而不是发出200个HTTP请求来将它们全部拉过来。