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

このチュートリアルでは、FabricJS を使用して、原点を基準とした Image オブジェクトの位置を取得する方法を学びます。 fabric.Image のインスタンスを作成することで、Image オブジェクトを作成できます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。原点を基準とした Image オブジェクトの位置を取得するには、getPointByOrigin メソッドを使用します。

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

パラメータ

• originX - このパラメータは、水平方向の原点を指定する String を受け入れます。可能な値は「左」、「中央」、または「右」です。

• originY - このパラメータは、垂直方向の原点を表す String を受け入れます。可能な値は「上」、「中央」、または「下」です。

getPointByOrigin

メソッドを使用します

＃＃＃例＃＃＃ getPointByOrigin

メソッドを使用したときに記録される出力を確認するコード例を見てみましょう。

getPointByOrigin

このメソッドは、ユーザーが指定した原点のオブジェクト座標を返します。この例では、指定された Image オブジェクトの真の中心点を確認できるように、

getCenterPoint メソッドも使用します。 getPointByOrigin メソッドを使用する場合、左下の点を原点として使用するため、記録される出力は x= 110 および y= 132 になります。 リーリー 別の値を指定して getPointByOrigin メソッドを使用する ＃＃＃例＃＃＃

この例では、

getPointByOrigin メソッドを使用して、水平および垂直の中心点が「右」および「上」にある場合の Image オブジェクトの座標を取得します。これは、右上の点が中心とみなされることを意味します。 ああああ

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