1

KineticJSで何かを描いてみています。テキストを垂直方向に揃えたいのですが、希望どおりにレンダリングするための属性が見つかりません。

「align」、「verticalAlign」を試しましたが、いずれも要件を満たしていません。

次のようなテキスト表示が必要です。

T
E
バツ
T

ただし、機能せず、常に次のように表示されます。

文章

4

1 に答える 1

1

テキストを個別に作成し、それをグループに追加するのが最善の策だと思います。おそらく次のような関数です。

function(text){
   group = new Kinetic.Group();
   letters=text.split("");
   for(foo in letters){
    window['text' + foo] = new Kinetic.Text({config}) // use the foo incrementaly to change the Y axis of the text and pass letters[foo] as text argument
    group.add(window['text' + foo]);


   }
   layer.add(group);
   layer.draw();
}

それはよりエレガントに書くことができます(ウィンドウオブジェクトを使用しませんが、動的変数を作成する方法は私が知っている唯一の方法です)が、それで作業が完了するはずです(私は思う)。

于 2012-07-20T00:46:20.937 に答える