FabricJS - ポリゴン オブジェクトに対して塗りつぶしとストロークのどちらを最初に描画するかを決定しますか?

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

パラメータ

• points - このパラメーターは、ポリゴン オブジェクトを構成する点の配列を表す Array を受け入れます。各点はここで表されます。 x および y オブジェクトによって。

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

オプションキー

paintFirst - このプロパティは、塗りとストロークのどちらを最初に描画するかを定義する String 値を受け入れます。デフォルト値は「塗りつぶし」です。 例 1: ポリゴン オブジェクトのデフォルトの外観

コード例を見て、

プロパティが適用されていないときにポリゴン オブジェクトがどのように表示されるかを見てみましょう。この例では、デフォルト値「fill」を使用します。これは、オブジェクトが描画されるときに、最初に塗りつぶしの色が描画され、次にストロークの色が描画されることを意味します。 リーリー 例 2:paintFirst 属性の使用

プロパティを使用してポリゴン オブジェクトのデフォルトの動作を変更する方法のコード例を見てみましょう。ここでは、値「lines」を paintFirst プロパティに渡します。これにより、塗りではなくストロークが最初に描画されるようになります。 リーリー ＃＃＃結論は＃＃＃ このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用してポリゴンに対して塗りつぶしとストロークのどちらを最初に描画するかを決定する方法を示します。

以上がFabricJS - ポリゴン オブジェクトに対して塗りつぶしとストロークのどちらを最初に描画するかを決定しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。