FabricJS のポリゴンとポリラインはどう違うのですか?

fabric.Polyline のインスタンスを作成することで Polyline オブジェクトを作成でき、fabric.Polygon を使用して Polygon インスタンスを作成できます。ポリライン オブジェクトは、接続された一連の直線セグメントによって表現できます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。

ポリゴンは常に最初の点と最後の点を接続して閉じた領域を形成しますが、ポリラインはそうではありません。これは、以下に示す例で実証できます。

パラメータ

• points - このパラメーターは、ポリライン オブジェクトを構成する点の配列を表す Array を受け入れます。

• オプション (オプション) - このパラメータは、オブジェクトに追加のカスタマイズを提供するオブジェクトです。このパラメータを使用して、原点、ストローク幅、およびポリライン オブジェクトに関連付けられたその他の多くのプロパティを変更します。

例 1

Fabric.Polyline() インスタンスを作成し、キャンバスに追加します

ポリライン オブジェクトをキャンバスに追加する方法を示すコード例を見てみましょう。唯一の必須パラメータは

配列で、2 番目のパラメータはオプションの options オブジェクトです。さらに、ポリゴン内で同じ points 配列を使用して違いを示します。 リーリー 例 2

fabric.Polygon() のインスタンスを作成し、キャンバスに追加します

コード例を見て、ポリゴン オブジェクトをキャンバスに追加する方法を見てみましょう。唯一の必須パラメータは

配列です。2 番目のパラメータはオプションのオプション オブジェクトです。ポリラインの例と同じオプション オブジェクトを提供します。 ああああ

以上がFabricJS のポリゴンとポリラインはどう違うのですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。