是否有人知道是否可以在html5画布中创建垂直文本然后将画布调整为内容？
我看过有关添加文字和旋转文章的帖子，但之后不知道如何让画布自动调整大小。
以下是指向包含其中一个表格的网页的链接：here
我基本上想用不同画布中的垂直文字替换顶部标题。团队名称需要是动态的，我宁愿不将它们生成为jpg的。
谢谢！
答案 0 :(得分：1)
有可能，请参阅快速小提琴：http://jsfiddle.net/dev_null_dweller/qyfyb/
答案 1 :(得分：0)
使用CSS3转换文本可能很棘手：http://jsfiddle.net/PhilippeVay/hXnsT/2/
标题单元格中的每个文本都在span元素中。此跨度受宽度约束，而grand-parent（tr元素，但也可以是第一个父元素）的高度等于此宽度。
在writing-mode property的帮助下，文本也可以在IE8及以下版本中旋转，但较大的第一列中的文本需要在IE中专门移动。
除此之外，标题单元格标有th个元素（带有范围属性以获得更好的可访问性），而不是td个.heading类的元素。
答案 2 :(得分：0)
在最后我重新写了它，所以它完全按照我想要的方式进行，如果有人想要使用它的话，它就在http://wncba.co.uk/results/javascript/vertical-text.js。