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

  • FabricJS - Comment centrer un objet Line horizontalement et verticalement sur le canevas ?
    FabricJS - Comment centrer un objet Line horizontalement et verticalement sur le canevas ?
    Dans ce tutoriel, nous allons apprendre à centrer un objet Line horizontalement et verticalement 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 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 ligne horizontalement et verticalement sur le canevas, nous utilisons la méthode center. Syntaxe center() 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 center.
    js tutoriel . fabric 778 2023-09-07 10:37:02
  • FabricJS - Comment redimensionner une image uniformément horizontalement et verticalement ?
    FabricJS - Comment redimensionner une image uniformément horizontalement et verticalement ?
    Dans ce didacticiel, nous apprendrons comment redimensionner une image de manière uniforme, horizontalement et verticalement, à 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. Pour redimensionner l'image uniformément dans les directions horizontale et verticale, nous utilisons la méthode de mise à l'échelle. Syntaxe scale(value:Number):paramètre fabric.Object scale-Ce paramètre accepte un nombre, qui est utilisé pour définir le facteur d'échelle de l'objet image. Exemple de l'apparence par défaut de l'objet Image Regardons un exemple de code et voyons ce que je
    js tutoriel . fabric 1015 2023-09-06 21:29:07
  • Comment trouver la taille originale d'une image à l'aide de FabricJS ?
    Comment trouver la taille originale d'une image à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment trouver la taille originale d'une image à 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. Pour retrouver la taille originale de l’image, nous utilisons la méthode getOriginalSize. Syntaxe getOriginalSize() : Objet Exemple d'utilisation de la méthode getOriginalSize Dans cet exemple, nous utilisons la méthode getOriginalSize pour obtenir les valeurs de largeur et de hauteur de l'image. Ici, les valeurs de largeur et de hauteur renvoyées
    js tutoriel . fabric 822 2023-09-06 18:13:09
  • Comment ajouter des objets au canevas à l'aide de FabricJS ?
    Comment ajouter des objets au canevas à l'aide de FabricJS ?
    Dans cet article, nous utiliserons la méthode add pour ajouter des objets au canevas. Après avoir créé le canevas, nous pouvons le remplir avec divers objets disponibles dans FabricJS, tels que fabric.Circle, fabric.Ellipse ou fabric.Line etc. Syntaxe canvas.add(object:fabric.Object); Parameter Object - Le paramètre est de type fabric.Object et enregistre l'objet. Exemple 1 : Créez une instance de l'objet dans canvas.add() au lieu de créer une instance de l'objet. d'abord, puis restituez-le sur le canevas en utilisant la méthode add(), nous pouvons le faire directement dans la méthode add(). ce
    js tutoriel . fabric 1392 2023-09-06 16:25:09
  • Analyse et partage de cas sur la validité de l'identification de l'authenticité des sceaux contractuels à l'aide de la technologie Java
    Analyse et partage de cas sur la validité de l'identification de l'authenticité des sceaux contractuels à l'aide de la technologie Java
    Analyse et partage de cas sur la validité de l'authenticité Identification du sceau officiel du contrat avec la technologie Java Introduction À l'ère numérique, le processus de signature de contrat s'est progressivement transformé de la signature papier traditionnelle à la signature électronique. Cependant, en raison des problèmes de sécurité de l'information et d'identification de l'authenticité dans les signatures électroniques, la validité du contrat est très controversée. Cet article analysera l'efficacité de l'authentification du sceau officiel du contrat basé sur la technologie Java et partagera les cas pertinents. Analyse de validité du sceau officiel Authenticité Identification 2.1 Signature numérique La signature numérique est une technologie qui utilise un algorithme de cryptage asymétrique pour garantir l'authenticité et l'intégrité d'un contrat.
    javaDidacticiel . fabric 1430 2023-09-06 08:53:06
  • Comment créer une représentation JSON d'un objet Image à l'aide de FabricJS ?
    Comment créer une représentation JSON d'un objet Image à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment créer une représentation JSON d'un objet image à 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 propriétés telles que l'angle, l'opacité, etc. Pour créer une représentation d'un objet JSONImage, nous utilisons la méthode toJSON. Syntaxe toJSON(propertiesToInclude:Array) : paramètre d'objet propriétésToInclude - Ce paramètre accepte un tableau contenant toutes les propriétés que nous souhaitons inclure en plus dans la sortie
    js tutoriel . fabric 1466 2023-09-05 19:09:06
  • Comment déplacer un objet vers le haut de la pile d'objets dessinés dans IText à l'aide de FabricJS ?
    Comment déplacer un objet vers le haut de la pile d'objets dessinés dans IText à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment déplacer un objet vers le haut de la pile d'objets dessinés 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
    js tutoriel . fabric 799 2023-09-05 10:57:06
  • Comment ajouter une ombre au triangle en utilisant FabricJS ?
    Comment ajouter une ombre au triangle en utilisant FabricJS ?
    Dans ce tutoriel, nous apprendrons comment ajouter une ombre à un triangle à 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. Notre objet triangle peut être personnalisé de plusieurs manières, comme en changeant ses dimensions, en ajoutant une couleur d'arrière-plan ou même en ajoutant une ombre. Nous pouvons ajouter une ombre au triangle en utilisant la propriété Shadow. Syntaxe newfabric.Triangle({shadow:fabric.Shadow}:Object) Paramètres Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre triangle.
    js tutoriel . fabric 654 2023-09-04 09:21:13
  • Comment centrer un objet Image horizontalement dans la fenêtre actuelle du canevas à l'aide de FabricJS ?
    Comment centrer un objet Image horizontalement dans la fenêtre actuelle du canevas à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment centrer un objet image horizontalement 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 placer l'objet Image horizontalement sur la fenêtre actuelle du canevas, nous utilisons la méthode viewportCenterH. Syntaxe viewportCenterH() : exemple d'apparence par défaut de l'objet fabric.ObjectImage Regardons un exemple de code pour voir quand la méthode viewportCenterH n'est pas utilisée. exister
    js tutoriel . fabric 1459 2023-09-03 19:21:06
  • Comment ajouter une ligne à IText à l'aide de FabricJS ?
    Comment ajouter une ligne à IText à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment ajouter un linethrough à 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 la hauteur ne s'ajuste pas en fonction des sauts de ligne. nous pouvons
    js tutoriel . fabric 1203 2023-09-02 22:37:02
  • Comment créer une ellipse avec une couleur de bordure en utilisant FabricJS ?
    Comment créer une ellipse avec une couleur de bordure en utilisant FabricJS ?
    Dans ce tutoriel, nous utiliserons FabricJS pour créer une ellipse avec une couleur de bordure. 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. Puisque FabricJS est si flexible, nous pouvons personnaliser l'objet ellipse 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.Ellipse({borderColor:String}:Object) Options de paramètre (facultatif) - Ce paramètre est un
    js tutoriel . fabric 1165 2023-09-02 16:53:02
  • Comment définir le remplissage d'un rectangle à l'aide de FabricJS ?
    Comment définir le remplissage d'un rectangle à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment définir le remplissage 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. Tout comme nous pouvons spécifier la position, la couleur, l'opacité et la taille de l'objet rectangle dans le canevas, nous pouvons également définir le remplissage de l'objet rectangle. Cela peut être fait en utilisant l'attribut padding. Syntaxe newfabric.Rect({padding:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre rectangle. En utilisant ce paramètre, vous pouvez modifier le
    js tutoriel . fabric 1262 2023-09-02 16:49:13
  • Comment ajouter des espaces entre les caractères dans IText à l'aide de FabricJS ?
    Comment ajouter des espaces entre les caractères dans IText à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment ajouter des espaces entre les caractères dans les objets 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 654 2023-09-02 12:49:08
  • Comment rendre l'ellipse invisible à l'aide de FabricJS ?
    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 825 2023-09-01 23:53:02
  • Comment désactiver la sélectivité de Circle à l'aide de FabricJS ?
    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 866 2023-09-01 19:41: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