FabricJS - 画像を水平方向と垂直方向に均等に拡大縮小するにはどうすればよいですか?

このチュートリアルでは、FabricJS を使用して画像を水平方向と垂直方向の両方に均等に拡大縮小する方法を学びます。 fabric.Image のインスタンスを作成することで、Image オブジェクトを作成できます。これは FabricJS の基本要素の 1 つであるため、角度や不透明度などのプロパティを適用することで簡単にカスタマイズすることもできます。画像を水平方向と垂直方向の両方に均等に拡大縮小するには、scale メソッドを使用します。

パラメータ

• scale - このパラメータは、画像オブジェクトのスケール係数を設定するために使用される Number を受け入れます。

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

コード例を見て、scale メソッドを使用しない画像オブジェクトがどのように見えるかを見てみましょう。この場合、画像オブジェクトは水平方向にも垂直方向にも拡大縮小されません。

カスタム値を使用して

メソッドを渡します

この例では、画像オブジェクトを水平方向と垂直方向に均等にスケールする値がスケール メソッドに割り当てられていることを確認します。値を 2 として渡したので、それが今考慮するスケール係数です。 ああああ

以上がFabricJS - 画像を水平方向と垂直方向に均等に拡大縮小するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。