如何使用html5 canvas創建垂直表標題文本？
[英]how to create vertical table heading text with html5 canvas?
問題描述
有誰知道是否有可能在html5畫布中創建垂直文本，然后將畫布調整為內容大小？
我看過有關添加文本和旋轉文本的文章，但不知道如何在隨后自動調整畫布的大小。
這是帶有其中一個表的頁面的鏈接： 這里
我基本上想用不同畫布中的垂直文本替換頂部標題。 團隊名稱必須是動態的，我寧願不要將它們生成為jpg。
謝謝！
3 個解決方案
解決方案1
1 2012-01-11 00:43:46
有可能，請參見快速提琴： http : //jsfiddle.net/dev_null_dweller/qyfyb/
解決方案2
0 2012-01-11 00:34:32
使用CSS3 Transform旋轉文本可能很棘手： http : //jsfiddle.net/PhilippeVay/hXnsT/2/
標題單元格中的每個文本都在span元素中。 此范圍的寬度受到限制，祖父母（tr元素，但也可以是其父元素）的高度等於此寬度。
文本也可以在IE8和更低版本中借助writing-mode 屬性進行旋轉，但是較大的第一列中的文本需要在IE中專門移動。
除此之外，標頭單元還用th元素（具有scope屬性以提供更好的可訪問性）而不是帶有.heading類的td元素.heading 。
解決方案3
0 已采納 2012-04-02 20:52:28
最后，我重新編寫了它，使其完全符合我的要求，如果有人想使用它， 請訪問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
使用 Laravel 在垂直列中動態創建帶有標題的 HTML 表格？
[英]Create HTML table with headers in a vertical column dynamically with laravel?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.