Comment obtenir la hauteur du texte mise à l'échelle à l'aide de FabricJS ?

Dans ce tutoriel, nous apprendrons comment obtenir la hauteur de zoom du texte à l'aide de FabricJS. Nous pouvons afficher du texte sur le canevas en ajoutant une instance de fabric.Text. Il nous permet non seulement de déplacer, redimensionner et modifier la taille du texte, mais fournit également d'autres fonctions telles que l'alignement du texte, la décoration du texte et la hauteur de ligne, qui peuvent être obtenues respectivement via les propriétés textAlign, underline et lineHeight. Nous pouvons également utiliser la méthode getScaledHeight pour trouver la hauteur mise à l'échelle d'un objet.

Grammaire

getScaledHeight()

Exemple 1

Exemple 1

Utilisez la méthode getScaledHeight

Regardons un exemple de code pour voir la sortie enregistrée lors de l'utilisation de la méthode getScaledHeight. Dans ce cas, la hauteur de l'objet sera renvoyée.

     
  
Using the getScaledHeight method
 
You can open console from dev tools and see that the height value is being displayed in the console
    

Exemple 2

Exemple 2

Utilisez la méthode getScaledHeight et transmettez la propriété scaleY

Voyons un exemple de code pour voir la sortie enregistrée lorsque la méthode getScaledHeight est utilisée en conjonction avec la propriété scaleY. Dans ce cas, la hauteur finale mise à l'échelle sera affichée dans la console.

     
  
Using the getScaledHeight method and passing the scaleY property
 
You can open console from dev tools and see that the height value is being displayed in the console has increased 
    

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!