FabricJSを使用してクローンイメージの上部オフセットをトリミングするにはどうすればよいですか?

このチュートリアルでは、次を使用してクローン イメージの top オフセットをトリミングする方法を学習します。 FabricJS。 fabric.Image のインスタンスを作成することで、Image オブジェクトを作成できます。以来 これは FabricJS の基本要素の 1 つであり、アプリケーションを通じて簡単にカスタマイズすることもできます。 角度、不透明度、その他のプロパティ。クローンイメージの top オフセットをトリミングするには、次のようにします。 top 属性を使用します。

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

パラメータ

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

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

オプションキー

• top - このプロパティは Number 値を受け入れ、top が次でなければならないことを示します。オフセット 切り取られる。この属性はオプションです。 i>

top

属性を使用しないでください ＃＃＃例＃＃＃ コード例を見て、クローンされた Image オブジェクトがどのように表示されるかを理解しましょう。

top

プロパティは使用されません。この場合、クローンイメージはトリミングされません。

リーリー

top属性

を使用 ＃＃＃例＃＃＃

この例では、top 属性を使用し、値 30 を渡しました。 トリミングされたクローン イメージの

top

オフセット。したがって、

top

の部分がトリミングされます。 リーリー ＃＃＃結論は＃＃＃ このチュートリアルでは、2 つの例を使用して、上部のオフセットをトリミングする方法を示します。 FabricJS を使用してイメージのクローンを作成します。

以上がFabricJSを使用してクローンイメージの上部オフセットをトリミングするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。