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

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

WBOY
リリース: 2023-09-10 14:01:11
転載
1322 人が閲覧しました

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 までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート