FabricJS を使用して Textbox で許可される最小スケール値を設定するにはどうすればよいですか?

このチュートリアルでは、FabricJS を使用してテキストボックスの最小許容比率を設定する方法を学びます。テキストボックスに書かれたテキストをカスタマイズしたり、拡大したり、移動したりできます。テキストボックスを作成するには、fabric.Textbox クラスのインスタンスを作成し、キャンバスに追加する必要があります。同様に、minScaleLimit プロパティを使用して、最小許容スケールを設定することもできます。

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

パラメータ

• text

  - このパラメータは、テキスト ボックスに表示するテキスト文字列である String を受け入れます。

• オプション (オプション)

  - このパラメータは、テキスト ボックスに追加のカスタマイズを提供するオブジェクトです。このパラメーターを使用すると、色、カーソル、境界線の幅などのプロパティ、および minScaleLimit がプロパティであるオブジェクトに関連付けられたその他の多くのプロパティを変更できます。

オプションキー

• minScaleLimit - このプロパティは Number を値として受け入れます。これにより、テキスト ボックスに許可される最小スケール値を制御できます。

例 1

テキスト ボックス オブジェクトのデフォルトの外観

minScaleLimit

プロパティを使用しない場合のテキスト ボックス オブジェクトがどのように見えるかをコード例で見てみましょう。この場合、最小制限が設定されていないため、オブジェクトを自由に拡大縮小できます。 リーリー 例 2

minScaleLimit プロパティをカスタム値を持つキーとして渡します この例では、

minScaleLimit

プロパティに値を割り当てることで、キャンバス内のテキストボックス オブジェクトの最小許容スケール値がどのように変更されるかを見ていきます。ここでは値として 0.8 を使用します。これは、オブジェクトを 240 ピクセルより小さい幅に縮小することはできないことを意味します。幅は width * limit (0.8 *300 = 240 ピクセル) によって計算されます。 ああああ

以上がFabricJS を使用して Textbox で許可される最小スケール値を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。