FabricJS を使用してポリゴンに座標を追加するにはどうすればよいですか?

fabric.Polygon のインスタンスを作成することで、Polygon オブジェクトを作成できます。ポリゴン オブジェクトは、接続された直線セグメントのセットで構成される閉じた形状として特徴付けることができます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。 points プロパティを使用して、ポリゴンに座標を追加できます。

パラメータ

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

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

オプションキー

• points - このプロパティは、点の配列を設定できる Array を受け入れます。

例 1: ポリゴン オブジェクトのデフォルトの外観

コード例を見て、ポリゴン オブジェクトをキャンバスに追加する方法を見てみましょう。この例では、

属性を使用していません。最初のパラメータ自体として点の配列を指定し、使用する座標値を表します。 リーリー 例 2: Points 属性の使用

この例では、point 属性を使用し、多角形の座標値で構成される

を割り当てました。各点は "x" と " を持つ点です。 y" 値オブジェクト。ご覧のとおり、Polygon オブジェクトのポイントを指定しましたが、ポイント プロパティを使用すると、値が上書きされ、新しい座標が使用されます。 リーリー ＃＃＃結論は＃＃＃ このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用してポリゴンに座標を追加する方法を示します。

以上がFabricJS を使用してポリゴンに座標を追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。