localisation actuelle:Maison > Articles techniques > Opération et maintenance
- Direction:
- tous web3.0 développement back-end interface Web base de données Opération et maintenance outils de développement cadre php programmation quotidienne Applet WeChat Problème commun autre technologie Tutoriel CMS Java Tutoriel système tutoriels informatiques Tutoriel matériel Tutoriel mobile Tutoriel logiciel Tutoriel de jeu mobile
- Classer:
-
- Comment définir l'angle de rotation d'un cercle à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons définir l'angle de rotation d'un cercle à l'aide de FabricJS. Circle est 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. La propriété angle dans FabricJS définit l'angle de rotation 2D de l'objet. Nous avons également la propriété centeredRotation, qui nous permet d'utiliser le point central du cercle comme origine de la transformation. Syntaxe newfabric.Circle({angle:Number,centeredRotation:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet
- js tutoriel . fabric 1638 2023-09-14 08:57:23
-
- Comment redresser une image avec animation à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à redresser des images à l'aide de l'animation FabricJS. Nous pouvons créer un objet Image en créant une instance de fabric.Image. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également facilement personnaliser son angle, son opacité et d'autres attributs via l'application. Pour redresser une image avec animation, nous utilisons la méthode fxStraighten. Syntaxe fxStraighten(callbacks:Object):fabric.Object Paramètres callbacks - Ce paramètre est un objet avec une fonction de rappel qui peut être utilisée pour modifier certaines propriétés liées à l'animation. En utilisant l'exemple de méthode de redressement, regardons un exemple de code
- js tutoriel . fabric 1058 2023-09-13 21:41:06
-
- Comment supprimer la conversion de l'objet actuel de la chaîne URL de l'objet IText à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment supprimer la transformation d'objet actuelle (échelle, angle, retournement, inclinaison) de la chaîne URL d'un objet IText à l'aide de FabricJS. La classe IText a été introduite dans FabricJS version 1.4, qui étend Fabric.Text et est utilisée pour créer des instances IText. Les instances IText nous permettent de sélectionner, couper, coller ou ajouter librement du nouveau texte sans configuration supplémentaire. Il existe également diverses combinaisons de touches et combinaisons souris/tactile prises en charge pour rendre le texte interactif qui ne sont pas disponibles dans Texte. Cependant, Textbox basé sur IText nous permet de redimensionner le rectangle de texte et de l'envelopper automatiquement. Ce n'est pas le cas pour IText car le niveau élevé
- js tutoriel . fabric 1314 2023-09-13 19:09:04
-
- Comment obtenir la couleur actuelle du caractère au niveau du curseur dans IText à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment obtenir la couleur actuelle du caractère au niveau du curseur dans IText à l'aide de FabricJS. La classe IText a été introduite dans FabricJS version 1.4, qui étend Fabric.Text et est utilisée pour créer des instances IText. Les instances IText nous permettent de sélectionner, couper, coller ou ajouter librement du nouveau texte sans configuration supplémentaire. Il existe également diverses combinaisons de touches et combinaisons souris/tactile prises en charge pour rendre le texte interactif qui ne sont pas disponibles dans Texte. Cependant, Textbox basé sur IText nous permet de redimensionner le rectangle de texte et de l'envelopper automatiquement. Ce n'est pas le cas pour IText, car la hauteur ne s'ajuste pas en fonction des sauts de ligne. Nous pouvons le faire en utilisant
- js tutoriel . fabric 1237 2023-09-13 15:37:02
-
- Comment créer un canevas avec une ellipse en utilisant FabricJS ?
- Dans ce tutoriel, nous allons apprendre à créer un canevas avec des objets Ellipse à l'aide de FabricJS. Oval 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. Syntaxe newfabric.Ellipse({rx:Number,ry:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre ellipse. Utilisez ce paramètre pour modifier la couleur, le curseur, la largeur du trait et de nombreuses autres propriétés liées à l'objet ellipse, où rx et ry sont des propriétés de l'objet ellipse. option key rx - Cet attribut accepte un nombre
- js tutoriel . fabric 1411 2023-09-12 23:05:02
-
- Comment ajouter une ombre à une zone de texte à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment ajouter une ombre à une zone de texte à l'aide de FabricJS. Nous pouvons personnaliser, étirer ou déplacer le texte écrit dans la zone de texte. Afin de créer une zone de texte, nous devons créer une instance de la classe Fabric.Textbox et l'ajouter au canevas. Notre objet zone de texte peut être personnalisé de plusieurs manières, par exemple en modifiant ses dimensions, en ajoutant une couleur d'arrière-plan ou même en y ajoutant une ombre. Nous pouvons ajouter une ombre à la zone de texte en utilisant la propriété shadow. Syntaxe newfabric.Textbox(text:String,{shadow:fabric.Shadow}:Object) Paramètre texte - Ce paramètre accepte une chaîne, ce que nous utilisons
- js tutoriel . fabric 1812 2023-09-12 18:33:02
-
- Comment vérifier si un objet IText est renseigné à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment vérifier si un objet IText est renseigné à l'aide de FabricJS. La classe IText a été introduite dans FabricJS version 1.4, qui étend Fabric.Text et est utilisée pour créer des instances IText. Les instances IText nous permettent de sélectionner, couper, coller ou ajouter librement du nouveau texte sans configuration supplémentaire. Il existe également diverses combinaisons de touches et combinaisons souris/tactile prises en charge pour rendre le texte interactif qui ne sont pas disponibles dans Texte. Cependant, Textbox basé sur IText nous permet de redimensionner le rectangle de texte et de l'envelopper automatiquement. Ce n'est pas le cas pour IText, car la hauteur ne s'ajuste pas en fonction des sauts de ligne. Nous pouvons utiliser diverses propriétés
- js tutoriel . fabric 1268 2023-09-12 18:13:02
-
- Comment créer un triangle avec une couleur de bordure en utilisant FabricJS ?
- Dans ce tutoriel, nous allons créer un triangle avec une couleur de bordure à l'aide de FabricJS. Triangle est l'une des différentes formes fournies par FabricJS. Afin de créer un triangle, nous devons créer une instance de la classe Fabric.Triangle et l'ajouter au canevas. Puisque FabricJS est si flexible, nous pouvons personnaliser nos objets triangulaires comme bon nous semble. L'une des propriétés fournies par FabricJS est borderColor, qui nous permet de manipuler la couleur de la bordure lorsque l'objet est actif. Syntaxe newfabric.Triangle({borderColor:String}:Object) options de paramètre (
- js tutoriel . fabric 1489 2023-09-12 12:29:02
-
- Comment définir le rayon horizontal et vertical d'une ellipse à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment définir le rayon horizontal et vertical d'une ellipse à l'aide de FabricJS. Oval est l'une des différentes formes fournies par FabricJS. Afin de créer une ellipse, nous devons créer une instance de la classe Fabric.Ellipse et l'ajouter au canevas. Nous pouvons personnaliser l'objet ellipse en spécifiant sa position, sa couleur, son opacité et sa taille. Cependant, les propriétés les plus importantes sont rx et ry, qui permettent de préciser les rayons horizontal et vertical de l'ellipse. Syntaxe newfabric.Ellipse({rx:Number,ry:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit des
- js tutoriel . fabric 734 2023-09-12 09:25:02
-
- Comment définir la position d'un triangle en partant de la gauche à l'aide de FabricJS ?
- <p>Dans ce tutoriel, nous allons apprendre à définir la position d'un triangle en partant de la gauche à l'aide de FabricJS. Triangle est l'une des différentes formes fournies par FabricJS. Afin de créer un triangle, nous devons créer une instance de la classe <em>fabric.Triangle</em> et l'ajouter au canevas.</p><p>Nous pouvons changer la position, l'opacité, le trait et son les dimensions sont utilisées pour manipuler des objets triangulaires. Vous pouvez utiliser la propriété <em>left</em> pour modifier la position du côté gauche. </p><h2>
- js tutoriel . fabric 1296 2023-09-11 17:05:09
-
- Comment centrer verticalement un objet Image sur la fenêtre actuelle du canevas à l'aide de FabricJS ?
- Dans ce didacticiel, nous montrerons comment centrer verticalement un objet image dans la fenêtre actuelle d'un canevas à l'aide de FabricJS. Nous pouvons créer une instance de l’objet Image fabric.Image. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également le personnaliser facilement en appliquant des attributs tels que l'angle, l'opacité, etc. Pour centrer l'objet image verticalement sur la fenêtre actuelle du canevas, nous utilisons la méthode viewportCenterV. Syntaxe viewportCenterV() : exemple d'apparence par défaut de l'objet fabric.ObjectImage Regardons un exemple de code pour voir à quoi ressemble notre Ima lors de l'utilisation de la méthode viewportCenterV
- js tutoriel . fabric 1615 2023-09-11 14:21:11
-
- FabricJS - Comment centrer un objet Line horizontalement sur le canevas ?
- Dans ce tutoriel, nous allons apprendre à centrer un objet Line horizontalement sur le canevas à l'aide de FabricJS. L'élément Line est l'un des éléments de base fournis dans FabricJS. Il est utilisé pour créer des lignes droites. Étant donné que les éléments de ligne sont géométriquement unidimensionnels et ne contiennent aucun intérieur, ils ne sont jamais remplis. Nous pouvons créer un objet ligne en créant une instance fabric.Line, en spécifiant les coordonnées x et y de la ligne et en l'ajoutant au canevas. Pour centrer l'objet ligne horizontalement sur le canevas, nous utilisons la méthode centerH. Syntaxe centerH() Exemple d'apparence par défaut d'un objet ligne Regardons un exemple de code pour voir à quoi ressemble notre objet ligne lorsque nous n'utilisons pas la méthode centerH. ici
- js tutoriel . fabric 816 2023-09-11 10:49:02
-
- Comment recadrer le décalage supérieur dans une image clonée à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment recadrer le décalage supérieur dans une image clonée à l'aide de FabricJS. Nous pouvons créer un objet Image en créant une instance de fabric.Image. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également facilement personnaliser son angle, son opacité et d'autres attributs via l'application. Afin de recadrer le décalage supérieur dans l'image clonée, nous utilisons l'attribut top. Syntaxe cloneAsImage(callback:function,{top:Number}:Object):fabric.Object Rappel du paramètre (facultatif) - Ce paramètre est une fonction qui utilisera l'instance de l'image clonée comme premier argument de rappel
- js tutoriel . fabric 1812 2023-09-10 22:33:04
-
- Comment définir l'angle d'inclinaison d'un cercle sur l'axe X à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment définir l'angle d'inclinaison de l'axe X d'un cercle à l'aide de FabricJS. Circle est l'une des différentes formes fournies par FabricJS. Pour créer un cercle, nous allons créer une instance de la classe fabric.Circle et l'ajouter au canevas. Notre objet cercle peut être personnalisé de plusieurs manières, par exemple en modifiant ses dimensions, en ajoutant une couleur d'arrière-plan ou en modifiant l'angle d'inclinaison sur l'axe X. Nous pouvons le faire en utilisant l'attribut skewX. Syntaxe newfabric.Circle({skewX:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet offrant une personnalisation supplémentaire pour notre cercle. En utilisant ce paramètre, vous pouvez modifier le
- js tutoriel . fabric 975 2023-09-10 19:41:02
-
- FabricJS - Comment mettre à l'échelle un objet image à une hauteur donnée ?
- Dans ce didacticiel, nous apprendrons comment mettre à l'échelle un objet Image à une hauteur donnée à l'aide de FabricJS. Nous pouvons créer un objet Image en créant une instance de fabric.Image. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également le personnaliser facilement en appliquant des attributs tels que l'angle, l'opacité, etc. Afin de mettre à l'échelle l'objet Image à une hauteur donnée, nous utilisons la méthode scaleToHeight. Syntaxe scaleToHeight(value:Number,absolute:Boolean):fabric.Object settings value-Ce paramètre accepte un nombre, qui détermine la paire d'images.
- js tutoriel . fabric 1521 2023-09-10 19:13:02