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

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

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

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

＃＃＃例＃＃＃

viewportCenterH

メソッドを使用しない場合のコード例を見て、Line オブジェクトがどのように見えるかを見てみましょう。この場合、Line オブジェクトはキャンバス上で水平方向の中央に配置されません。

リーリー

viewportCenterH

メソッドを使用します ＃＃＃例＃＃＃

viewportCenterH

メソッドを使用したときにライン オブジェクトがどのように見えるかをコード例で見てみましょう。この場合、ライン オブジェクトは、キャンバスの現在のビューポートに対して水平方向の中央に配置されます。 ああああ

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