FabricJS を使用して画像にトリミングが適用されているかどうかを確認するにはどうすればよいですか?

このチュートリアルでは、画像にトリミングが適用されているかどうかを確認する方法を説明します。 FabricJSを使用します。 fabric.Image のインスタンスを作成することで、Image オブジェクトを作成できます。 FabricJS の基本要素の 1 つであるため、カスタマイズも簡単に行えます 角度、不透明度などのプロパティを適用して、画像がトリミングされているかどうかを確認します 適用するときは、hasCrop メソッドを使用します。クロップが行われていない場合、このメソッドは false を返します。 適用済み、または適用されている場合は適用されたクロップ値。

＃＃＃文法＃＃＃ リーリー

Use

hasCrop

メソッド ＃＃＃例＃＃＃ この例では、

hasCrop

メソッドを使用して、Image オブジェクトが 応用作物。この場合、画像オブジェクトには画像のトリミングがありません。 ログ出力は false です。

リーリー

hasCrop メソッドと

cropY

属性の使用 ＃＃＃例＃＃＃ hasCrop メソッドを使用したときに記録される出力のコード例を見てみましょう。 cropY

属性を使用します。値 2 を

cropY

プロパティに渡しました。 画像オブジェクトの Y 方向に 2 ピクセルの画像トリミングがあることを確認してください。この場合、 クリッピング値がコンソールに返されます。

リーリー ＃＃＃結論は＃＃＃ このチュートリアルでは、2 つの例を使用して、画像が正しいかどうかを確認する方法を示します。 トリミングは FabricJS を使用して適用されました。

以上がFabricJS を使用して画像にトリミングが適用されているかどうかを確認するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。