FabricJS - 原点を基準とした Line オブジェクトの位置を設定するにはどうすればよいですか?

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

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

パラメータ

• pos - このプロパティは、オブジェクトの新しい位置を設定できる fabric.Point 値を受け入れます。

• originX - このプロパティは、水平方向の原点を設定できる String 値を受け入れます。可能な値は「左」、「中央」、または「右」です。

• originY - このプロパティは、垂直方向の原点を設定できる String 値を受け入れます。可能な値は「上」、「中央」、または「下」です。

setPositionByOrigin

メソッドのデフォルトの位置を使用しないでください

＃＃＃例＃＃＃ #setPositionByOrigin メソッドを使用せずに Line オブジェクトのデフォルトの位置を確認するコード例を見てみましょう。

リーリー

setPositionByOrigin

メソッドを使用します

＃＃＃例＃＃＃ コード例を見て、setPositionByOrigin

メソッドを使用したときに Line オブジェクトがどのように見えるかを見てみましょう。この例では、Point オブジェクトを x 座標と y 座標をそれぞれ 500 と 100 で初期化することで、オブジェクトの新しい位置を指定します。水平方向の原点を「中心」、垂直方向の原点を「上」として、ライン オブジェクトの新しい位置を設定します。

ああああ

以上がFabricJS - 原点を基準とした Line オブジェクトの位置を設定するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。