FabricJS - Comment redimensionner une image uniformément horizontalement et verticalement ?

Dans ce tutoriel, nous apprendrons comment redimensionner une image de manière uniforme, horizontalement et verticalement, à l'aide de FabricJS. Nous pouvons créer un objet Image en créant une instance defabric.Image. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également le personnaliser facilement en appliquant des propriétés telles que l'angle, l'opacité, etc. Pour redimensionner l'image uniformément dans les directions horizontale et verticale, nous utilisons la méthodescale.

Grammaire

scale(value: Number): fabric.Object

Paramètres

• scale- Ce paramètre accepte unNumber, qui est utilisé pour définir le facteur d'échelle de l'objet image.

Apparence par défaut de l'objet Image

Exemple

Regardons un exemple de code pour voir à quoi ressemble notre objet image sans utiliser la méthode scale. Dans ce cas, notre objet image ne sera pas mis à l'échelle horizontalement et verticalement.

     
  
Default appearance of the Image object
 
 You can see that the object has not been scaled in horizontal or vertical direction 
     

Passez une valeur personnalisée en utilisant la méthodescale

Exemple

Dans cet exemple, nous allons maintenant voir qu'une valeur est attribuée à la méthode d'échelle, qui met à l'échelle notre objet image de manière égale horizontalement et verticalement. Puisque nous avons transmis la valeur à 2, c'est le facteur d'échelle à considérer maintenant.

     
  
Passing the scale method with a custom value
 
 You can see that the object has been scaled in horizontal and vertical direction 
     

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!