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

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

王林
リリース: 2023-08-24 14:37:08
転載
912 人が閲覧しました

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

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

###文法### リーリー

パラメータ

  • Intersecting - このパラメータは Boolean 値を受け入れ、「true」値が割り当てられると、オブジェクトを次の上位セクションに送信します。前 オブジェクトを交差させます。値が「false」の場合、通常はスタック上の次のオブジェクトまでオブジェクトを送信します。このパラメータはオプションです。

  • 使用
bringForward

メソッド ###例###

bringForward

メソッドを使用した場合の出力を確認するコード例を見てみましょう。

bringForward

メソッドは、オブジェクトを描画オブジェクト スタックの 1 つ上のステップに移動します。この例では、bringForward メソッドを使用して、line1 が line2 の上に送信されます。 リーリー 3 つのオブジェクトと交差キーを有効にした bringForward メソッド

の使用 ###例###

この例では、line1、line2、line3 という 3 つのライン オブジェクトを使用します。これらは番号順にキャンバスに追加されていますが、line1 は明らかに

line3

の上にあります。これは、交差キーを有効にして

bringForward

メソッドを使用しており、line1 をその次に上の交差オブジェクト (つまり line3) の上に送信するためです。 ああああ

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート