ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - Line オブジェクトを描画オブジェクト スタックの 1 つ下に移動するにはどうすればよいですか?

FabricJS - Line オブジェクトを描画オブジェクト スタックの 1 つ下に移動するにはどうすればよいですか?

WBOY
WBOY転載
2023-09-10 14:01:111265ブラウズ

FabricJS – 如何将 Line 对象在绘制对象堆栈中向下移动一步?

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

構文

 sendBackwards(intersecting: Boolean): fabric.Object 

パラメータ

  • Intersect - このパラメータは ブール値#を受け入れます##「true」値として指定すると、オブジェクトは次に下にある交差するオブジェクトの背後に送信されます。値が「false」の場合、通常はスタック上の次のオブジェクトの後にオブジェクトを送信します。このパラメータはオプションです。

sendBackwards

メソッドの使用 Example

コード例を見て、

sendBackwards

メソッドの使用方法を見てみましょう。 sendBackwards メソッドの時間出力。 sendBackwards メソッドは、オブジェクトを描画オブジェクト スタックの 1 つ下に移動します。この例では、sendBackwards メソッドを使用して、line2 が line1 の後に送信されます。 リーリー

sendBackwards

メソッドを使用して 3 つのオブジェクトを有効にし、交差キーを有効にします ###例### この例では、

line1、line2

line3

という 3 つのライン オブジェクトを使用します。これらは番号順にキャンバスに追加されていますが、line3 は明らかに line1 の後ろにあります。これは、交差点キーを有効にして sendBackwards メソッドを使用しており、後で line3 をその次の下位の交差点オブジェクト (つまり、line1) に送信するためです。 p> ああああ

以上がFabricJS - Line オブジェクトを描画オブジェクト スタックの 1 つ下に移動するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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