KineticJSで何かを描いてみています。テキストを垂直方向に揃えたいのですが、希望どおりにレンダリングするための属性が見つかりません。
「align」、「verticalAlign」を試しましたが、いずれも要件を満たしていません。
次のようなテキスト表示が必要です。
T E バツ T
ただし、機能せず、常に次のように表示されます。
文章
KineticJSで何かを描いてみています。テキストを垂直方向に揃えたいのですが、希望どおりにレンダリングするための属性が見つかりません。
「align」、「verticalAlign」を試しましたが、いずれも要件を満たしていません。
次のようなテキスト表示が必要です。
T E バツ T
ただし、機能せず、常に次のように表示されます。
文章
テキストを個別に作成し、それをグループに追加するのが最善の策だと思います。おそらく次のような関数です。
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();
}
それはよりエレガントに書くことができます(ウィンドウオブジェクトを使用しませんが、動的変数を作成する方法は私が知っている唯一の方法です)が、それで作業が完了するはずです(私は思う)。