FabricJSを使用して画像の上からの位置を設定するにはどうすればよいですか?

このチュートリアルでは、上からを使用して画像の位置を設定する方法を学びます。 FabricJS。 fabric.Image のインスタンスを作成することで、Image オブジェクトを作成できます。以来 これは FabricJS の基本要素の 1 つであり、アプリケーションを通じて簡単にカスタマイズすることもできます。 角度、不透明度、その他のプロパティ。上からの画像の位置を設定するために使用します トップ プロパティ。

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

パラメータ

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

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

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

オプションキー

• top - このプロパティは、距離を設定できる Number を受け入れます。 イメージのキャンバストップ。

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

＃＃＃例＃＃＃

次の場合に画像オブジェクトがどのように見えるかを理解するために、コード例を見てみましょう。

top

プロパティは使用されていません。

リーリー

top 属性をカスタム値を持つキーとして渡します

＃＃＃例＃＃＃

この例では、値 70 を top 属性に割り当てます。これにより、 画像オブジェクトは上から 70 ピクセルの位置に配置されます。

ああああ

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