FabricJS を使用して Line オブジェクトの座標を取得するにはどうすればよいですか?

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

構文

 getCoords(): Array 

getCoordsメソッドの使用

例

getCoords# #を確認するためのコード例を見てみましょう。 # メソッドの実行時に記録される出力に使用されます。 getCoords このメソッドは、Line の左上隅、右上隅、右下隅、左下隅の座標を配列形式で返します。 リーリー

getCoords

メソッドを使用してスラッシュを描画します Example

この例では、

getCoords

メソッドを使用して値を取得します開始点とその座標を終了する Line インスタンスの座標が異なります。記録された出力は (100, 40)、(220, 40)、(220,120)、(100,120) であることがわかります。これらは、左上隅、右上隅、右下隅、および左下隅の座標です。それぞれの行の。 ああああ

以上がFabricJS を使用して Line オブジェクトの座標を取得するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。