FabricJS - キャンバスの現在のビューポートで Line オブジェクトを垂直方向の中央に配置する方法

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

構文

 viewportCenterV(): fabric.Object 

Line オブジェクトのデフォルトの外観

Example

コード例を見て、viewportCenterV# を使用せずにどのように機能するかを見てみましょう。 ## メソッドは Line オブジェクトの外観です。この場合、線オブジェクトはキャンバスの垂直方向の中央に配置されません。 リーリー

メソッドを使用する ＃＃＃例＃＃＃ コード例を見て、いつなのかを見てみましょう。

メソッドを使用します。この場合、ラインオブジェクトは垂直方向の中央に配置されます。 キャンバスの現在のビューポートを基準にします。

以上がFabricJS - キャンバスの現在のビューポートで Line オブジェクトを垂直方向の中央に配置する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。