FabricJS を使用して画像のスムージングを画像に追加するにはどうすればよいですか?

このチュートリアルでは、画像のスムージングを画像に追加する方法を説明します。 FabricJSを使用します。スムージングは​​画像に滑らかな効果を与えます。イメージを作成できます fabric.Image のインスタンスを作成してオブジェクトを作成します。基本的な要素の一つなので FabricJS を使用すると、角度や不透明度などのプロパティを適用して簡単にカスタマイズすることもできます。 画像のスムージングを追加するには、imageSmoothing プロパティを使用します。

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

パラメータ

• element - このパラメーターは、画像を表す HTMLImageElement、HTMLCanvasElement、HTMLVideoElement、または String 要素を受け入れます。文字列は URL である必要があり、画像としてロードされます。

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

• Callback (オプション) - このパラメータは、最終フィルタが適用された後に呼び出される関数です。

オプションキー

• imageSmoothing - このプロパティは、次のことを表す Boolean 値を受け入れます。 画像を描画するときにキャンバスで画像のスムージングを使用するかどうか。それはです デフォルト値は true です。

画像オブジェクトのデフォルトの外観

＃＃＃例＃＃＃

imageSmoothing

の場合に Image オブジェクトがどのように表示されるかを理解するためのコード例を見てみましょう。 プロパティは使用されません。この場合、デフォルト値の true が使用されるため、 キャンバスでは画像のスムージングが使用されます。

リーリー

imageSmoothing プロパティを使用し、それに false を渡します 価値＃＃＃ ＃＃＃例＃＃＃ この例では、

imageSmoothing

プロパティを使用し、それに false を割り当てました。 価値。したがって、キャンバスはイメージの描画にイメージ スムージングを使用しなくなります。 リーリー ＃＃＃結論は＃＃＃ このチュートリアルでは、2 つの例を使用して、次の方法を示します。 FabricJS

を使用した画像

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