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

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

構文

 viewportCenter(): fabric.Object 

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

Example

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

メソッドの使用

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

ああああ

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