enchant.jsでテキストラベルを中央に表示する
ver0.5系の場合
var sampleLabel = new Label(); sampleLabel.font = "40px cursive"; sampleLabel.text = "Hello World!"; // 以下で中央揃えの指定をします sampleLabel._element.style.textAlign = "center"; sampleLabel.y = HEIGHT;
ver0.5系列は、DOMベースの実装なのでCSSのプロパティが使えます。
ver0.6系の場合
var sampleLabel = new Label(); sampleLabel.font = "40px cursive"; sampleLabel.text = "Hello World!"; // 以下で中央の座標を計算し、指定します sampleLabel.moveTo((game.width - sampleLabel._boundWidth)/2, HEIGHT);
ver0.6系列から、canvasベースの実装に変わったので、"_element"プロパティは使用できません。
"_boundWidth"プロパティから文字列の幅を取得します。"width"プロパティを使用すると、canvas要素の幅を取得してしまい、文字列の幅が取得できないので、注意が必要です。