localisation actuelle:Maison > Articles techniques > Opération et maintenance

  • Comment définir l'angle de rotation d'un cercle à l'aide de FabricJS ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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

Recommandations d'outils

Code de contact du formulaire de message d'entreprise jQuery

Le code de contact du formulaire de message d'entreprise jQuery est un formulaire de message d'entreprise simple et pratique et le code de la page d'introduction contactez-nous.

Effets de lecture de boîte à musique HTML5 MP3

L'effet spécial de lecture de boîte à musique HTML5 MP3 est un lecteur de musique MP3 basé sur HTML5 + CSS3 pour créer de jolies émoticônes de boîte à musique et cliquer sur le bouton de commutation.

Effets spéciaux du menu de navigation d'animation de particules cool HTML5

L'effet de menu de navigation d'animation de particules cool HTML5 est un effet spécial qui change de couleur lorsque le menu de navigation est survolé par la souris.

Code d'édition par glisser-déposer du formulaire visuel jQuery

Le code d'édition par glisser-déposer du formulaire visuel jQuery est un formulaire visuel basé sur jQuery et le framework bootstrap.

Modèle Web de fournisseur de fruits et légumes biologiques Bootstrap5

Un modèle Web de fournisseur de fruits et légumes biologiques-Bootstrap5
Modèle d'amorçage
2023-02-03

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus

Modèle de page Web réactive de gestion d'arrière-plan d'informations de données multifonctionnelles Bootstrap3-Novus
modèle de back-end
2023-02-02

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5

Modèle de page Web de plate-forme de services de ressources immobilières Bootstrap5
Modèle d'amorçage
2023-02-02

Modèle Web d'informations de CV simples Bootstrap4

Modèle Web d'informations de CV simples Bootstrap4
Modèle d'amorçage
2023-02-02

Matériau vectoriel d'éléments d'été mignons (EPS+PNG)

Il s'agit d'un joli matériau vectoriel d'éléments d'été, comprenant le soleil, un chapeau de soleil, un cocotier, un bikini, un avion, une pastèque, une crème glacée, une boisson fraîche, une bouée, des tongs, un ananas, une conque, une coquille, une étoile de mer, un crabe. , Citrons, crème solaire, lunettes de soleil, etc., le matériel est fourni aux formats EPS et PNG, y compris des aperçus JPG.
Matériau PNG
2024-05-09

Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)

Il s'agit d'un matériau vectoriel de badge de remise des diplômes rouge 2023, quatre au total, disponible aux formats AI, EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-29

Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)

Il s'agit d'un matériau vectoriel de bannière printanière conçu avec des oiseaux chanteurs et un chariot rempli de fleurs. Il est disponible aux formats AI et EPS, y compris l'aperçu JPG.
image de bannière
2024-02-29

Matériau vectoriel de chapeau de graduation doré (EPS+PNG)

Il s'agit d'un matériau vectoriel de casquette de graduation dorée, disponible aux formats EPS et PNG, y compris l'aperçu JPG.
Matériau PNG
2024-02-27

Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

Le modèle de site Web d'entreprise de services de nettoyage et d'entretien de décoration d'intérieur est un modèle de site Web à télécharger adapté aux sites Web promotionnels qui proposent des services de décoration, de nettoyage, d'entretien et d'autres organisations de services. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-05-09

Modèle de page de guide de CV personnel aux couleurs fraîches

Le modèle de page de guide de CV de candidature personnelle de correspondance de couleurs fraîches est un téléchargement de modèle Web de page de guide d'affichage de travail de CV de recherche d'emploi personnel adapté au style de correspondance de couleurs fraîches. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-29

Modèle Web de CV de travail créatif de concepteur

Le modèle Web de CV de travail créatif de concepteur est un modèle Web téléchargeable pour l'affichage de CV personnels adapté à divers postes de concepteur. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28

Modèle de site Web d'entreprise de construction d'ingénierie moderne

Le modèle de site Web d'entreprise d'ingénierie et de construction moderne est un modèle de site Web téléchargeable adapté à la promotion du secteur des services d'ingénierie et de construction. Astuce : Ce modèle appelle la bibliothèque de polices Google et la page peut s'ouvrir lentement.
Modèle frontal
2024-02-28