enchant.js のメッセージ表示部分で行の高さが反映されず詰まりました。
// テキスト表示部分の処理は省略しています var message = 'Where is a pig! I am very hungry... Give me a pig!'; var label = new Label(); label.color = 'black'; label.text = message; // フォントサイズを75px, 行の高さを75pxに指定するが無視される label.font = '75px/75px fantasy'; game.currentScene.addChild(message);
Canvas APIの仕様では line-height に相当する値は 'normal' に固定されるようです。
配列を利用して1行ずつ手動で行間を開けることにしました。
var messages = [ 'Where is a pig!', 'I am very hungry...', 'Give me a pig!' ]; for(var i = 0; i < messages.length; i++) { var label = new Label(); label.color = 'black'; label.text = message; label.font = '75px fantasy'; label.y = 75 * i; // 手動で高さを調整 game.currentScene.addChild(message); }
参考
- W3C HTML Canvas 2D Context, Level 2 Nightly
http://www.w3.org/html/wg/drafts/2dcontext/html5_canvas/#text-styles
0 件のコメント:
コメントを投稿