Comment définir le remplissage d'un cercle à l'aide de FabricJS ?
Aug 25, 2023 am 10:45 AMDans ce tutoriel, nous apprendrons comment définir le remplissage d'un cercle à l'aide de FabricJS. Les cercles sont l'une des différentes formes fournies par FabricJS. Afin de créer un cercle, nous devons créer une instance de la classe Fabric.Circle et l'ajouter au canevas. Tout comme nous pouvons spécifier la position, la couleur, l'opacité et la taille d'un objet circulaire dans le canevas, nous pouvons également définir le remplissage de l'objet circulaire. Cela peut être fait en utilisant l'attribut padding.
Syntaxe
1 |
|
Paramètres
Options (facultatif) - Ce paramètre est un objet< /em> qui offre une personnalisation supplémentaire pour nos cercles. En utilisant ce paramètre, vous pouvez modifier les propriétés liées à l'objet dont padding est un attribut, telles que la couleur, le curseur, la largeur du trait et bien d'autres propriétés.
Padding - Cette propriété accepte une valeur numérique. La valeur attribuée détermine la distance entre l'objet circulaire et son cadre de délimitation de contrôle.
Option Key
Exemple 1
Apparence par défaut lorsque le remplissage n'est pas utilisé
Jetons un coup d'œil au code qui affiche l'apparence d'un objet circulaire lorsque l'attribut padding n'est pas utilisé. Comme nous pouvons le constater, il n’y a aucun espace entre l’objet et ses limites de contrôle environnantes. Cela signifie qu’il n’y a aucun remplissage entre le cercle et son cadre de délimitation de contrôle.
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 |
|
Exemple 2
Passer la propriété padding en tant que clé
Dans cet exemple, nous transmettons la propriété padding en tant que clé avec la valeur 7. Cela signifie que la distance entre l'objet circulaire et toutes ses bordures de contrôle est de 7 pixels.
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 |
|
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!

Article chaud

Outils chauds Tags

Article chaud

Tags d'article chaud

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Remplacer les caractères de chaîne en javascript

Tutoriel de configuration de l'API de recherche Google personnalisé

Créez vos propres applications Web Ajax

8 Superbes plugins de mise en page JQuery Page

Qu'est-ce que & # x27; ceci & # x27; en javascript?

Améliorez vos connaissances jQuery avec le spectateur source

10 feuilles de triche mobiles pour le développement mobile
