2013-02-11 24 views
0

我正在使用HTML5畫布構建樹結構引擎。每個樹節點都有一個與數據庫中的其他值一起讀取的名稱。每個節點由一個塊表示,其大小是固定的。我的問題是塊的名稱通常太長而不適合塊。如何在將文本添加到畫布之前確定文本的長度(寬度),以及如果文本太長,我該如何切斷它?添加到HTML5畫布的文本的限制長度

任何建議將不勝感激。

回答

1

context.measureText("some text").width;

+0

非常感謝保羅。這給了我很多!現在我只需要弄清楚如何截斷它,如果它太長:) – phunder 2013-02-11 11:58:58

+1

這樣的事情? 'var text =「這是我的信息」; while(context.measureText(text).width> 300)text = text.substring(0,text.length - 1);' – paul 2013-02-11 12:02:55

+0

我其實只是在玩類似的東西。非常感謝再次! – phunder 2013-02-11 12:05:28