Dans ce tutoriel, nous allons apprendre à retourner un objet Rectangle horizontalement à l'aide de FabricJS. Le rectangle est l'une des différentes formes fournies par FabricJS. Afin de créer un rectangle, nous devons créer une instance de la classe Fabric.Rect et l'ajouter au canevas. Nous pouvons retourner l'objet rectangulaire horizontalement en utilisant la propriété flipX.
1 |
|
Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre rectangle. À l'aide de ce paramètre, vous pouvez modifier la couleur, le curseur, la largeur du trait et d'autres propriétés liées à l'objet avec FlipX comme attribut.
flipX - Cette propriété accepte une valeur Boolean qui nous permet de retourner l'objet horizontalement. < /p>
Passer flipX comme clé avec une valeur "fausse"
Regardons un exemple de code qui nous montre l'orientation par défaut d'un objet rectangle dans FabricJS. Puisque nous avons passé une valeur False à la propriété flipX, l'objet rectangulaire ne se retournera pas horizontalement.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
|
Passer l'attribut flipX comme clé avec une valeur de "true"
Dans cet exemple, nous avons un objet rectangulaire d'une largeur de 170 et d'une hauteur de 70 avec une ligne horizontale remplissage dégradé. Lorsque nous appliquons la propriété FlipX à l'objet rectangulaire, il se retourne horizontalement, nous voyons donc également le dégradé inversé.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 |
|
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!