[enchant.js] InputTextBox()で入力サイズを変更する

2014年5月1日

formの幅と高さ自体はすぐに変更できたんですが、入力する文字自体のサイズが変わらない・・。
で、色々やった結果が下。

var form = new InputTextBox();
form.width = 200; // 幅
form.height = 50; // 高さ
form.placeholder = '入力してください。';
form.x = 500; // 表示位置(x)
form.y = 500; //表示位置(y)

// 入力文字サイズ指定
form._element.firstChild.style.fontSize = '50px';

これで、文字自体のサイズが変更できました。

関連記事

  1. [enchant.js] enchant-stageをセンタリング(中央寄せ)する html側の修正は特に必要ありませんが、下のサンプルはjQueryを使ってるので、その辺は必要なら追加で。 var game = new Core( 300, 500 ); var...
  2. enchant.jsでClassを作ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 enchant.jsでClass enchant(); window.onload = function(){ var game = new...
  3. enchant.jsでLabel使ってみる htmlはとりあえず前回用意したものと同じ(index.html)で。 new Label enchant(); window.onload = function(){ var game =...
  4. enchant.js触ってみる。 まずはダウンロードから http://enchantjs.com/download/ zipをDLして、ドキュメントルート以下に配置。 index.html htmlを用意。 <!DOCTYPE html> […]...
enchant.jsJavaScript