ホームページ >ウェブフロントエンド >jsチュートリアル >FabricJS - クローンイメージ内の現在のオブジェクトの影を削除するにはどうすればよいですか?

FabricJS - クローンイメージ内の現在のオブジェクトの影を削除するにはどうすればよいですか?

王林
王林転載
2023-09-16 13:13:271170ブラウズ

FabricJS – 如何删除克隆图像中当前对象的阴影?

このチュートリアルでは、FabricJS を使用してクローン イメージ内の現在のオブジェクトのシャドウを削除する方法を学びます。 fabric.Image のインスタンスを作成することで、Image オブジェクトを作成できます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。クローンイメージ内の現在のオブジェクトの影を削除するには、withoutShadow プロパティを使用します。

###文法### リーリー

パラメータ

  • Callback (オプション) - このパラメータは、最初の呼び出し引数としてクローン イメージ インスタンスを使用する 関数 です。

  • Options (オプション) - このパラメータは、クローン イメージに追加のカスタマイズを提供するオプションの object です。このパラメータを使用すると、乗数の設定、クローン イメージのトリミング、現在のオブジェクト変換の削除、またはその他の多くのプロパティ (withoutShadow がプロパティの 1 つ) を変更できます。

  • オプションキー

  • withoutShadow - このプロパティは、現在のオブジェクトのシャドウを削除するかどうかを決定する Boolean 値を受け入れます。この属性はオプションです。

withoutShadow

属性を使用し、「true」値を渡します ###例###

withoutShadow

プロパティを使用し、それに "true" 値を渡したときに、複製された Image オブジェクトがどのように表示されるかを示すコード例を見てみましょう。ここでは、イメージ オブジェクトにはシャドウ プロパティが割り当てられています。ただし、

withoutShadow

プロパティに "true" 値を渡したので、オブジェクトの影が削除され、クローン イメージには影がなくなります。 リーリー withoutShadow 属性を使用し、「false」値を渡します

###例###

この例では、withoutShadow 属性を使用し、「false」値を渡しました。したがって、複製されたオブジェクトの影は削除されません。

ああああ

以上がFabricJS - クローンイメージ内の現在のオブジェクトの影を削除するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はtutorialspoint.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。