如何使用 JavaScript 倾斜表格标题上的文本

how to tilt text on table headers with JavaScript?

本文关键字:文本 标题 表格 何使用 JavaScript 倾斜      更新时间:2023-09-26

有时我必须构建表并为表标题分配不能简化以表示重要值的名称(即"WSS"不起作用的波峰焊站),它的值是一个数字。这些数字的伟大顺序几乎永远不会超过数百。它们可能很少达到数千人,但永远不会达到十分之一或更多。因此,表格可能会变得非常奇怪。

我想知道是否有任何 JavaScript 实现会将给定的文本逆时针倾斜 90º,以便标题表单元格会更高而不是更宽。

我很确定我可以生成一个带有文本的图像,然后将其作为表标题的值插入。

可以在 jsp 上动态完成吗?

旋转文本可以使用图像(可能是动态绘制在<canvas>上)或 CSS3 转换属性来完成。图片不能包含可选文本,但它们是唯一可以在不支持 2D 转换的(旧版)浏览器中旋转的。