FabricJS を使用して IText の選択性を無効にする方法は?

このチュートリアルでは、FabricJS を使用して IText の選択性を無効にする方法を学びます。 IText クラスは FabricJS バージョン 1.4 で導入されました。これは Fabric.Text を拡張し、IText インスタンスの作成に使用されます。 IText インスタンスを使用すると、追加の構成を行わずに、新しいテキストを自由に選択、切り取り、貼り付け、または追加できます。 Text では利用できない、テキストをインタラクティブにするためのさまざまなキーの組み合わせやマウスとタッチの組み合わせもサポートされています。

ただし、IText ベースの Textbox を使用すると、テキスト四角形のサイズを変更し、自動的に折り返すことができます。 IText の場合は、改行に基づいて高さが調整されないため、これは当てはまりません。さまざまなプロパティを使用して IText オブジェクトを操作できます。オブジェクトを変更するには、FabricJS でオブジェクトを選択する必要があります。ただし、selectable 属性を使用すると、この動作を変更できます。

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

パラメータ

• text

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

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

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

オプションキー

• selectable

  - このプロパティは boolean 値を受け入れます。 「false」値が割り当てられている場合、オブジェクトを変更のために選択することはできません。デフォルト値は true です。

例 1

デフォルトの動作またはオプションのプロパティが「true」に設定されている場合

selectable プロパティがデフォルトで true に設定されている場合にオブジェクトがどのように動作するかを理解するために、コード例を見てみましょう。 selectable プロパティが true に設定されている場合、オブジェクトを選択し、キャンバス内で移動し、変更することができます。

リーリー

例 2

オプションの属性を値「false」のキーとして渡します

この例では、オプションの属性に false の値を割り当てました。これは、変更のために IText オブジェクトを選択できなくなったことを意味します。

ああああ

以上がFabricJS を使用して IText の選択性を無効にする方法は?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。