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

WBOY
リリース: 2023-08-24 13:53:11
転載
1207 人が閲覧しました

如何使用 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 サイトの他の関連記事を参照してください。

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!