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 rendre l'ellipse invisible à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment rendre une ellipse invisible à 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. 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'attribut visible. Syntaxe newfabric.Ellipse({visible:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet offrant une personnalisation supplémentaire pour notre ellipse. En utilisant ce paramètre, vous pouvez modifier
- js tutoriel . fabric 813 2023-09-01 23:53:02
-
- Comment désactiver la sélectivité de Circle à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment désactiver la sélectivité des cercles à 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. Afin de modifier un objet, nous devons le sélectionner dans FabricJS. Cependant, nous pouvons modifier ce comportement en utilisant l'attribut selectable. Syntaxe newfabric.Circle({selectable:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre cercle. En utilisant ce paramètre, vous pouvez modifier la même chose que selectab
- js tutoriel . fabric 853 2023-09-01 19:41:02
-
- Comment déplacer la ligne de base d'un seul caractère dans un texte à l'aide de FabricJS ?
- Dans ce didacticiel, nous apprendrons comment déplacer la ligne de base d'un seul caractère dans un 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 des fonctionnalités supplémentaires telles que l'alignement du texte, la décoration du texte, la hauteur de ligne, qui peuvent être obtenues respectivement via les propriétés textAlign, underline et lineHeight. De même, nous pouvons également utiliser l'attribut deltaY pour déplacer la ligne de base d'un seul caractère. Syntaxe newfabric.Text(text:String,{styles:{deltaY:Number}:Object}:O
- js tutoriel . fabric 1356 2023-09-01 17:05:03
-
- FabricJS - Comment centrer un objet Line horizontalement sur la fenêtre actuelle du canevas ?
- Dans ce didacticiel, nous apprendrons comment centrer un objet Line horizontalement sur la fenêtre actuelle du 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 de fabric.Line, en spécifiant les coordonnées x et y de la ligne et en l'ajoutant au canevas. Pour centrer l'objet Line horizontalement dans la fenêtre actuelle du canevas, nous utilisons la méthode viewportCenterH. Syntaxe viewportCenterH() : apparence par défaut de l'objet fabric.ObjectLine
- js tutoriel . fabric 1342 2023-09-01 13:41:02
-
- Comment définir la position d'un cercle en partant de la gauche à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à définir la position d'un cercle en partant de la gauche à 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. Nous pouvons manipuler l'objet circulaire en modifiant sa position, son opacité, son trait et sa taille. La position à partir de la gauche peut être modifiée à l'aide de la propriété left. Syntaxe newfabric.Circle({left:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre cercle. A l'aide de ce paramètre, vous pouvez modifier les propriétés liées à l'objet dont la gauche est l'attribut, par exemple
- js tutoriel . fabric 785 2023-09-01 13:25:02
-
- FabricJS - Comment définir le niveau de qualité dans la chaîne URL de l'objet Line ?
- Dans ce tutoriel, nous apprendrons comment définir le niveau de qualité dans la chaîne URL d'un objet Line à 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 de fabric.Line, en spécifiant les coordonnées x et y de la ligne et en l'ajoutant au canevas. Pour définir le niveau de qualité dans la chaîne URL d'un objet Line, nous utilisons l'attribut Quality. Syntaxe toDataURL({quality:Number}:Object) :options de paramètre String (facultatif
- js tutoriel . fabric 514 2023-08-31 21:21:02
-
- Comment masquer les coins de contrôle d'un rectangle à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à masquer les coins de contrôle d'un rectangle à 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. Les coins de contrôle d'un objet nous permettent d'augmenter ou de diminuer ses proportions, de l'étirer ou de modifier sa position. Nous pouvons personnaliser le coin de contrôle de plusieurs manières, par exemple en y ajoutant une couleur spécifique, en modifiant sa taille, etc. Nous pouvons également les masquer en utilisant la propriété hasControls. Syntaxe newfabric.Rect({hasControls:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un paramètre supplémentaire
- js tutoriel . fabric 638 2023-08-31 18:05:08
-
- Comment obtenir une représentation SVG d'une ligne en utilisant FabricJS ?
- Dans cet article, nous allons apprendre comment obtenir la représentation SVG d'une ligne à 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 de fabric.Line, en spécifiant les coordonnées x et y de la ligne et en l'ajoutant au canevas. Pour obtenir la représentation SVG d'un objet Line, nous utilisons la méthode _toSVG. Syntaxe _toSVG() :Array n'utilisant pas la méthode _toSVG Exemple Regardons un exemple de code pour voir que la sortie enregistrée lors de l'utilisation de la méthode _toSVG n'est pas utilisée. _toSV
- js tutoriel . fabric 1215 2023-08-31 17:57:11
-
- Comment créer un polygone avec des polylignes à l'aide de FabricJS ?
- Nous pouvons créer un objet Polygon en créant une instance de fabric.Polygon. Un objet polygone peut être caractérisé comme n’importe quelle forme fermée constituée d’un ensemble de segments de ligne droite connectés. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également le personnaliser facilement en appliquant des propriétés telles que l'angle, l'opacité, etc. Puisque Polygon étend fabric.Polyline, nous pouvons créer une instance de polygone en utilisant brillamment polyline. Syntaxe newfabric.Polyline(points:Array,options:Object) Paramètres points−Ce paramètre accepte un tableau, qui représente le nombre de points qui composent l'objet polygone.
- js tutoriel . fabric 1032 2023-08-31 17:49:08
-
- Comment faire réagir un objet polygone aux événements de la souris à l'aide de FabricJS ?
- Nous pouvons créer un objet Polygon en créant une instance de fabric.Polygon. Un objet polygone peut être caractérisé comme n’importe quelle forme fermée constituée d’un ensemble de segments de ligne droite connectés. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également le personnaliser facilement en appliquant des propriétés telles que l'angle, l'opacité, etc. Nous utilisons les événements mouseup et mousedown pour démontrer comment les objets polygones réagissent aux événements de souris déclenchés par l'utilisateur. Syntaxepolygon.on("mouseup",callbackFunction);polygon.on("mousedown",callbackFunction);Exemple
- js tutoriel . fabric 694 2023-08-31 14:37:08
-
- Comment désactiver la rotation centrale d'un cercle à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment désactiver la rotation centrée 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. Par défaut, tous les objets de FabricJS utilisent leur centre comme point de rotation. Cependant, nous pouvons utiliser la propriété centeredRotation pour modifier ce comportement. Syntaxe newfabric.Circle({centeredRotation:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet pour fournir une personnalisation supplémentaire à notre cercle
- js tutoriel . fabric 853 2023-08-31 11:21:06
-
- Comment faire réagir un objet polygone aux événements de rotation à l'aide de FabricJS ?
- Nous pouvons créer un objet Polygon en créant une instance de fabric.Polygon. Un objet polygone peut être caractérisé comme n’importe quelle forme fermée constituée d’un ensemble de segments de ligne droite connectés. 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. Nous utilisons l'événement de rotation pour démontrer comment faire réagir un objet polygonal à la rotation via des contrôles. Syntaxe polygon.on("rotating", callbackFunction); Exemple 1 : Montrer comment un objet répond aux événements de rotation Examinons un exemple de code pour comprendre comment faire réagir un objet polygone aux événements de rotation. Dans ce cas, seulement
- js tutoriel . fabric 886 2023-08-31 08:05:02
-
- FabricJS - Trouver le contexte de dessin d'un objet Polygon converti en HTMLCanvasElement ?
- Nous pouvons créer des objets Polygon en créant une instance de fabric.Polygon. Un objet polygone peut être caractérisé comme n’importe quelle forme fermée constituée d’un ensemble de segments de ligne droite connectés. Puisqu'il s'agit de l'un des éléments de base de FabricJS, nous pouvons également le personnaliser facilement en appliquant des propriétés telles que l'angle, l'opacité, etc. Afin de convertir l'objet polygone en HTMLCanvasElement, nous utilisons la méthode toCanvasElement. Il renvoie un élément DOM de type HTMLCanvasElement, qui hérite de ses propriétés et méthodes de l'interface HTMLElement. Nous utilisons la méthode getContext pour trouver le contexte de dessin sur le canevas.
- js tutoriel . fabric 733 2023-08-30 17:33:06
-
- Comment définir la couleur d'arrière-plan de la sélection triangulaire à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment définir la couleur d'arrière-plan d'une sélection triangulaire à 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. Nous pouvons modifier la taille de l'objet, le faire pivoter ou le manipuler lorsqu'il est activement sélectionné. Nous pouvons utiliser la propriété selectionBackgroundColor pour changer la couleur d’arrière-plan de la sélection triangulaire. Syntaxe newFabric.Triangle({SelectionBackgroundColor:String}:Object) options de paramètre (facultatif
- js tutoriel . fabric 1362 2023-08-30 16:01:02
-
- FabricJS - Trouver la matrice de transformation représentant la transformation actuelle d'un objet polygone ?
- Nous pouvons créer un objet Polygon en créant une instance de fabric.Polygon. Un objet polygone peut être caractérisé comme n’importe quelle forme fermée constituée d’un ensemble de segments de ligne droite connectés. 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 trouver la matrice de transformation qui représente la transformation en cours, nous utilisons la méthode calcOwnMatrix. Syntaxe calcOwnMatrix():Array Exemple 1 : Utilisation de la méthode calcOwnMatrix Regardons un exemple de code sur la façon d'utiliser la méthode calcOwnMatrix pour trouver la matrice de transformation qui représente la transformation actuelle d'un polygone. Vous pouvez commencer à partir de
- js tutoriel . fabric 1249 2023-08-29 12:17:10