如何用html5画布创建垂直表格标题文本？

有谁知道是否可以在html5画布中创建垂直文本，然后让画布调整大小以适应内容？如何用html5画布创建垂直表格标题文本？

我见过有关添加文本和旋转它的帖子，但不知道如何让画布自动调整大小后。

这里是一个链接到一个页面中的一个表：here

我基本上要更换不同的画布垂直文本顶部标题。团队名称必须是动态的，我宁愿不将它们生成为JPG格式。

谢谢！

2012-01-10 Tom Jenkinson

在然后结束我重新写它，所以它也正是我想要的，如果有人想用它它在http://wncba.co.uk/results/javascript/vertical-text.js。

这里是一个页面，显示了它的工作：http://wncba.co.uk/results/?action=navigate&season=2012&league_id=2&division_id=7&nav_key=4e16159770efb07ac6e6bae4f86c7dc5

来源

2012-04-02 20:52:28

这是可能的，虽然棘手的旋转变换的CSS3文字：http://jsfiddle.net/PhilippeVay/hXnsT/2/
在头小区内的每个文本是span元素。这个跨度在宽度上受到限制，并且祖父（tr元素，但它也可以是第四父元素）的高度等于此宽度。
文字可以在IE8及以下版本以及writing-modeproperty的帮助下旋转，但较大的第一列中的文字需要在IE中专门移动。

除此之外，标题单元格标记为th元素（具有范围属性以实现更好的可访问性），而不是具有.heading类别的td元素。

来源

2012-01-11 00:34:32 FelipeAls

CSS旋转也是我的第一个想法，但在旋转90度，从正常的宽度和高度后，位置仍然适用，所以如果你想尝试将width设置为20 px，文字会分成几行 – 2012-01-11 00:50:15

这是可能的，看到快速捣鼓这个：http://jsfiddle.net/dev_null_dweller/qyfyb/

来源

2012-01-11 00:43:46

谢谢。我现在正在工作:) – 2012-01-11 22:01:39

伟大的解决方案！ – armandomiani 2012-03-05 01:07:30

如何用html5画布创建垂直表格标题文本？

回答

相关问题