ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - Line オブジェクトの複数の特定のコントロール ポイントを無効にする方法

FabricJS - Line オブジェクトの複数の特定のコントロール ポイントを無効にする方法

WBOY
WBOY転載
2023-08-24 20:17:061129ブラウズ

FabricJS – 如何禁用 Line 对象的多个特定控制点?

このチュートリアルでは、FabricJS を使用して Line オブジェクトの複数の特定のコントロール ポイントを無効にする方法を学びます。 Line 要素は FabricJS で提供される基本要素の 1 つです。直線を作成するために使用されます。線要素は幾何学的に 1 次元であり、内部を含まないため、塗りつぶされることはありません。 Fabric.Line のインスタンスを作成し、ラインの x 座標と y 座標を指定して、それをキャンバスに追加することで、ライン オブジェクトを作成できます。 Line オブジェクトの複数の特定のコントロール ポイントを無効にするには、setControlsVisibility メソッドを使用します。

Syntax

 setControlsVisibility(options: Object): fabric.Object 

Parameters

  • Options - このパラメータは、セットアップが制御するオブジェクト値を受け取ります。可能な値は -

    • 'tl' - このプロパティは、左上のコントロールを有効または無効にする Boolean 値を受け入れます。

    • 'tr' - このプロパティは、右上のコントロールを有効または無効にする Boolean 値を受け入れます。

    • 'br' - このプロパティは、下部コントロールの右コントロールを有効または無効にする boolean 値を受け入れます。

    • 'bl' - このプロパティは、左下のコントロールを有効または無効にする Boolean 値を受け入れます。

    • 'ml' - このプロパティは、中央左のコントロールを有効または無効にする Boolean 値を受け入れます。

    • 'mt' - このプロパティは、中央上部のコントロールを有効または無効にする boolean 値を受け入れます。

    • 'mr' - このプロパティは、中央右のコントロールを有効または無効にする boolean 値を受け入れます。

    • 'mb' - このプロパティは、中央下部のコントロールを有効または無効にする boolean 値を受け入れます。

    • 'mtr' - このプロパティは、中央上部の回転コントロールを有効または無効にする boolean 値を受け入れます。

setControlsVisibilityMethod の使用

Example

出力を確認するコード例を見てみましょう

setControlsVisibility メソッドを使用するとき。 setControlsVisibility メソッドは、指定された複数のコントロールの可視性を設定します。この場合、「tl」および「bl」コントロールに false 値を渡したため、左上と左下のコントロールは無効になります。 リーリー

setControlsVisibility

メソッドを使用して中央上部の回転コントロールを無効にする Example

この例では、

setControlsVisibility

を使用して、 「mtr」制御方式で、この制御は上中心回転制御とも呼ばれます。 ああああ

以上がFabricJS - Line オブジェクトの複数の特定のコントロール ポイントを無効にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。