ホームページ > ウェブフロントエンド > jsチュートリアル > FabricJS を使用して Line オブジェクトの真の中心座標を見つけるにはどうすればよいですか?

FabricJS を使用して Line オブジェクトの真の中心座標を見つけるにはどうすればよいですか?

王林
リリース: 2023-09-16 12:09:03
転載
1277 人が閲覧しました

如何使用 FabricJS 找到 Line 对象的真实中心坐标?

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

構文

 getCenterPoint(): fabric.Point 
ログイン後にコピー

getCenterPointメソッドの使用

Example

コード例を見て、getCenterPoint メソッドの実行時に記録される出力に使用されます。 getCenterPoint このメソッドは、オブジェクトの真の中心座標を返します。この例では、記録された出力は x= 110.5 および y= 150.5 であり、これらが中心点です。

リーリー

ラインの開始座標と終了座標が異なる getCenterPoint メソッドを使用する

Example

この例では、getCenterPoint を使用しました。 > メソッドは、Line インスタンスの開始座標と終了座標が (100, 250) と (250, 40) のときの中心座標を取得します。中心点は 175.5 と 145.5 です。

ああああ

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

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