kineticjs - テキストを下に揃える

Question

テキストを下に揃えることが可能かどうか知りたいです。関数 setY() を使用すると、テキストが正確な位置に移動するだけですが、テキストが長すぎると、キャンバスからはみ出してしまいます。どのような提案がありますか?

ありがとう

Answer 1

Kinetic Stage オブジェクトが呼び出されstage、Kinetic Text オブジェクトが呼び出されたとしtextます。

// wrap lines to the full width if you want
text.setWidth(stage.getWidth());

// move text to the bottom
text.setY(stage.getHeight() - text.getHeight());

基本的に、これはテキストを取得して一番下に押し込み、そこで「オーバーフロー」するので、それを表示します。y オフセットを使用してこれを達成することもできます。

// move text to the bottom
text.setY(stage.getHeight());

// offset it up
text.setOffset({ y: text.getHeight() });

幅を設定すると、幅が広すぎてステージに収まらない場合にテキストが折り返されます。