FabricJS を使用してテキストでアニメーションの長さを設定するにはどうすればよいですか?

このチュートリアルでは、FabricJS を使用してアニメーション テキストの長さを設定する方法を学びます。 Fabric.Text のインスタンスを追加することで、キャンバスにテキストを表示できます。テキストの移動、拡大縮小、寸法の変更ができるだけでなく、テキストの配置、テキストの装飾、行の高さなどの追加機能も提供します。これらの機能は、それぞれ textAlign、underline、lineHeight プロパティを通じて利用できます。同様に、duration 属性を使用してアニメーション化されたテキストの継続時間を変更することもできます。

＃＃＃文法＃＃＃ リーリー

パラメータ

• property

  - このプロパティは String または Object 値を受け入れ、どのプロパティをアニメーション化するかを決定します。

• value

  - このプロパティは、アニメーション化されたプロパティの値を決定するために使用される numeric または object 値を受け入れます。

  オプションキー

• duration

  - このプロパティは 数値を受け入れます。 アニメーションの長さを変更するために使用できます。デフォルト値は 500 ミリ秒です。

例 1

期間属性のデフォルト値を使用します

コード例を見て、animate メソッドを uration プロパティのデフォルト値と組み合わせて使用​​したときにテキスト オブジェクトがどのように見えるかを見てみましょう。この例では、アニメーションの継続時間は 500 ミリ秒です。

リーリー

例 2

animate メソッドを使用し、期間オプションを渡す

この例では、animate プロパティとduration オプションを使用してアニメーションの継続時間を制御する方法を説明します。この場合、継続時間が 2000 ミリ秒であると述べました。これが、skewY アニメーションが 2000 ミリ秒間発生する理由です。

ああああ

以上がFabricJS を使用してテキストでアニメーションの長さを設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。