FabricJS - キャッシュがダーティでポリゴンにレンダラーが必要かどうかを確認しますか?

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

isCacheDirty メソッドを使用して、キャッシュがダーティであるかどうか、およびレンダラーが必要かどうかを確認できます。このメソッドはキャッシュがダーティかどうかをチェックし、キャンバス内の何かが変更され、再レンダリングする必要があることを FabricJS に知らせます。

文法

isCacheDirty( skipCanvas: Boolean )

パラメータ

skipCanvas (オプション) - このパラメータは Boolean 値を受け入れます。true に設定すると、キャンバスを自動的にスキップします。オブジェクトは親キャンバスに描画されているためです。

例 1: isCacheDirty メソッドの使用

isCacheDirty メソッドを使用したときに記録される出力を確認するコード例を見てみましょう。この場合、ポリゴン オブジェクトの元の塗りつぶしの色は青です。ただし、FabricJS はデフォルトでオブジェクトをダーティとしてマークし、次のレンダリング時にオブジェクトを更新します。したがって、オブジェクトの最終的な色はグレーになり、記録された出力は true になります。

リーリー

例 2: isCacheDirty メソッドとダーティ属性の使用

isCacheDirty メソッドを dirty 属性と組み合わせて使用​​したときに記録される出力を確認するコード例を見てみましょう。 "true" に設定すると、ダーティ プロパティは次のレンダリング呼び出しでオブジェクトのキャッシュを再レンダリングします。ダーティに「false」値を割り当てたため、オブジェクトのキャッシュは再レンダリングされず、isCacheDirty メソッドはコンソールに false 値を返します。

リーリー ＃＃＃結論は＃＃＃

このチュートリアルでは、2 つの簡単な例を使用して、FabricJS を使用してキャッシュが汚れているかどうか、およびポリゴンにレンダラーが必要かどうかを確認する方法を示します。

以上がFabricJS - キャッシュがダーティでポリゴンにレンダラーが必要かどうかを確認しますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。