ホームページ  >  記事  >  ウェブフロントエンド  >  FabricJS - 画像オブジェクトを指定された高さに拡大縮小するにはどうすればよいですか?

FabricJS - 画像オブジェクトを指定された高さに拡大縮小するにはどうすればよいですか?

WBOY
WBOY転載
2023-09-10 19:13:021357ブラウズ

FabricJS – 如何将图像对象缩放到给定高度?

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

パラメータ

  • value

    - このパラメータは、Image オブジェクトの新しい高さの値を決定する Number を受け入れます。

  • absolute

    - このパラメータは、ビューポートを無視するかどうかを決定する boolean 値を受け入れます。

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

scaleToHeight

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

リーリー

カスタム値を使用して

scaleToHeight メソッドを渡します ###例###

この例では、

scaleToHeight メソッドに値を割り当てることで、画像オブジェクトを指定の高さに拡大縮小する方法を見ていきます。値を 100 として渡したので、これが画像オブジェクトの新しい高さになります。 ああああ

以上がFabricJS - 画像オブジェクトを指定された高さに拡大縮小するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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