Comment rendre l'ellipse invisible à l'aide de FabricJS ?

Dans ce tutoriel, nous apprendrons comment rendre une ellipse invisible à l'aide de FabricJS. L'ovale est l'une des différentes formes fournies par FabricJS. Pour créer une ellipse, nous allons créer une instance de la classe Fabric.Ellipse et l'ajouter au canevas. Notre objet ellipse peut être personnalisé de plusieurs manières, par exemple en modifiant ses dimensions, en ajoutant une couleur de fond ou en le rendant visible ou invisible. Nous pouvons le faire en utilisant l'attributvisible.

Syntaxe

new fabric.Ellipse( { visible: Boolean }: Object)

Paramètres

• Options(facultatif) - Ce paramètre est unObjet< /em> offrant une personnalisation supplémentaire à notre ellipse. En utilisant ce paramètre, vous pouvez modifier la couleur, le curseur, la largeur du trait et de nombreuses autres propriétés de l'objet liées à l'attributvisible.

Option Key

• Visible- Cette propriété accepte une valeurBooleanqui nous permet de restituer l'objet sur le canevas. Sa valeur par défaut estTrue.

Exemple 1

Passer l'attributvisiblecomme clé avec une valeur « vraie »

Prenons un exemple pour comprendre ce qui se passe lorsque nous transmettons une valeur « vraie » à l'attributvisible. En spécifiant la valeur « true », nous garantissons que l'objet Ellipse s'affiche sur le canevas. C'est également le comportement par défaut dans FabricJS.

     
  
How to make an Ellipse invisible using FabricJS?
 
The object is visible on the canvas because we have set the visible property to True. This is the default behavior. 
    

Exemple 2

Passer l'attributvisiblecomme clé avec une valeur de "false"

Dans cet exemple, nous transmettons l'attributvisiblecomme clé avec une valeur de "false". L'attribution d'une valeur fausse garantira que notre objet ellipse ne sera pas rendu sur le canevas. Cela ne rend tout simplement pas l'objet "invisible", mais le supprime complètement. Il peut être utilisé pour supprimer un objet du canevas sans supprimer son code.

     
  
How to make an Ellipse invisible using FabricJS?
 
Here the ellipse object is invisible because we have set the visible property to False. 
    

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!