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

  • FabricJS - Comment obtenir la position d'un objet Image par rapport à l'origine ?
    FabricJS - Comment obtenir la position d'un objet Image par rapport à l'origine ?
    Dans ce tutoriel, nous allons apprendre comment obtenir la position d'un objet Image par rapport à son origine à 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 obtenir la position de l'objet Image par rapport à l'origine, nous utilisons la méthode getPointByOrigin. Syntaxe getPointByOrigin(originX:String,originY:String):paramètre fabric.Point originX : ce paramètre accepte l'origine horizontale spécifiée
    js tutoriel . fabric 1467 2023-09-16 20:05:02
  • Comment retourner une zone de texte horizontalement à l'aide de FabricJS ?
    Comment retourner une zone de texte horizontalement à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment retourner un objet Textbox horizontalement à 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. Nous pouvons retourner l'objet zone de texte horizontalement à l'aide de la propriété FlipX. Syntaxe newfabric.Textbox(text:String,{flipX:Boolean}:Object) Paramètres text - Ce paramètre accepte une chaîne, qui est la chaîne de texte que nous souhaitons afficher dans notre zone de texte. options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire
    js tutoriel . fabric 1394 2023-09-16 13:17:02
  • FabricJS - Comment supprimer l'ombre de l'objet actuel dans l'image clonée ?
    FabricJS - Comment supprimer l'ombre de l'objet actuel dans l'image clonée ?
    Dans ce didacticiel, nous apprendrons comment supprimer l'ombre de l'objet actuel 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 le personnaliser facilement en appliquant des attributs tels que l'angle, l'opacité, etc. Afin de supprimer l'ombre de l'objet actuel dans l'image clonée, nous utilisons la propriété withoutShadow. Syntaxe cloneAsImage(callback:function,{withoutShadow:Boolean}:Object):fabric.Object rappel du paramètre (facultatif) - ce paramètre est un
    js tutoriel . fabric 1261 2023-09-16 13:13:27
  • Comment trouver les véritables coordonnées du centre d'un objet Line à l'aide de FabricJS ?
    Comment trouver les véritables coordonnées du centre d'un objet Line à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre à trouver les coordonnées centrales 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. Afin de trouver les véritables coordonnées du centre de l'objet Line, nous utilisons la méthode getCenterPoint. Syntaxe getCenterPoint():fabric.Point Exemple utilisant la méthode getCenterPoint Voyons un exemple de code,
    js tutoriel . fabric 1406 2023-09-16 12:09:03
  • Comment verrouiller le mouvement vertical de Line à l'aide de FabricJS ?
    Comment verrouiller le mouvement vertical de Line à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre à verrouiller le mouvement vertical 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 fabric.Line, en spécifiant les coordonnées x et y de la ligne et en l'ajoutant au canevas. Nous pouvons également spécifier si nous voulons que l'objet ligne se déplace uniquement sur l'axe X. Cela peut être fait en utilisant l'attribut lockMovementY. Syntaxe newfabric.Line(points:Array,{lockMovementY:Boolea
    js tutoriel . fabric 1410 2023-09-16 09:41:06
  • Comment faire réagir un objet polygone aux événements d'inclinaison à l'aide de FabricJS ?
    Comment faire réagir un objet polygone aux événements d'inclinaison à 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 l'événement d'inclinaison pour démontrer comment les objets polygonaux réagissent à l'utilisateur lorsqu'ils sont manipulés. En contrôlant l'inclinaison. Syntaxe polygon.on("skewing",callbackFunction); Exemple 1 : Montrer comment un objet répond aux événements d'inclinaison. Regardons un exemple de code pour comprendre comment un objet polygone utilise l'inclinaison.
    js tutoriel . fabric 1166 2023-09-16 09:17:14
  • FabricJS - Comment redimensionner un objet image à une largeur donnée ?
    FabricJS - Comment redimensionner un objet image à une largeur donnée ?
    Dans ce didacticiel, nous apprendrons comment mettre à l'échelle un objet Image à une largeur 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 redimensionner l'objet Image à une largeur donnée, nous utilisons la méthode scaleToWidth. Syntaxe scaleToWidth(value:Number,absolute:Boolean):fabric.Object valeur des paramètres : ce paramètre accepte un nombre, qui détermine la taille de l'objet Image.
    js tutoriel . fabric 1169 2023-09-15 21:13:06
  • Alternatives abordables : 5 bracelets Apple Watch en tissu plus abordables
    Alternatives abordables : 5 bracelets Apple Watch en tissu plus abordables
    5 Bracelets Apple Watch en tissu, une excellente alternative aux bracelets FineWoven Avec la sortie de la Watch Series 9, Apple a également lancé une marque de bracelets de luxe appelée « FineWoven ». Fabriqués à partir d'un matériau micro-sergé durable, de 68 % de polyester recyclé et d'une couche intérieure en tissage Vectran, les bracelets FineWoven remplacent la gamme existante de bracelets en cuir pour réduire les émissions de carbone. À bien des égards, ceux-ci semblent être une version plus avancée des bracelets de montre en tissu qui existent pour les montres Apple depuis des années. Pour un prix de départ de 99 $, le FineWoven Band n'est peut-être pas l'option la plus abordable si vous recherchez un bracelet confortable à porter toute la journée. Donc si vous souhaitez créer un
    Problème commun . fabric 1660 2023-09-15 16:41:12
  • Comment désactiver la mise à l'échelle centrale des triangles à l'aide de FabricJS ?
    Comment désactiver la mise à l'échelle centrale des triangles à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment désactiver la mise à l'échelle centrée des triangles à 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. Lorsqu'un objet est mis à l'échelle par un contrôle auquel est attribuée une valeur vraie de la propriété centeredScaling, l'origine de la transformation est son centre. Syntaxe newfabric.Triangle({centeredScaling:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre triangle. En utilisant ce paramètre, vous pouvez modifier le
    js tutoriel . fabric 1227 2023-09-15 15:33:08
  • Comment créer un canevas avec un Triangle en utilisant FabricJS ?
    Comment créer un canevas avec un Triangle en utilisant FabricJS ?
    Dans ce tutoriel, nous allons apprendre à créer un canevas avec un objet 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. Syntaxe newfabric.Triangle({width:Number,height:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre triangle. À l'aide de ce paramètre, vous pouvez modifier les propriétés liées à l'objet triangle telles que la couleur, le curseur, la largeur du trait et ses propriétés de largeur et de hauteur. Largeur de la touche d'option −
    js tutoriel . fabric 813 2023-09-15 12:33:03
  • FabricJS - Comment activer la mise à l'échelle de la rétine dans la chaîne URL d'un objet Line ?
    FabricJS - Comment activer la mise à l'échelle de la rétine dans la chaîne URL d'un objet Line ?
    Dans ce didacticiel, nous apprendrons comment activer la mise à l'échelle de la rétine 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 fabric.Line, en spécifiant les coordonnées x et y de la ligne et en l'ajoutant au canevas. Pour activer la mise à l'échelle de la rétine dans la chaîne URL de l'objet Line, nous utilisons la propriété activateRetinaScaling. Cela n'a aucun effet sur l'image elle-même, mais le canevas est mis à l'échelle par devicePixelRatio,
    js tutoriel . fabric 1146 2023-09-15 09:21:05
  • Comment définir la position d'une ellipse depuis la gauche à l'aide de FabricJS ?
    Comment définir la position d'une ellipse depuis la gauche à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre à définir la position d'une ellipse depuis la gauche à 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. Nous pouvons manipuler l'objet ellipse 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.Ellipse({left:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet offrant une personnalisation supplémentaire pour notre ellipse. Utilisez ce paramètre pour modifier l'objet lié à l'attribut gauche.
    js tutoriel . fabric 1395 2023-09-14 19:37:02
  • Comment retourner un triangle horizontalement en utilisant FabricJS ?
    Comment retourner un triangle horizontalement en utilisant FabricJS ?
    Dans ce tutoriel, nous apprendrons comment retourner un objet Triangle horizontalement à 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 retourner l'objet triangle horizontalement en utilisant la propriété flipX. Syntaxe newfabric.Triangle({flipX:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre triangle. Grâce à ce paramètre, vous pouvez modifier la couleur, le curseur, la largeur du trait et bien d'autres propriétés liées à l'objet dont flipX est l'attribut.
    js tutoriel . fabric 1594 2023-09-14 18:09:06
  • Comment redresser un objet Image à l'aide de FabricJS ?
    Comment redresser un objet Image à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre à redresser 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 d'un élément de base de FabricJS, nous pouvons également facilement personnaliser ses attributs tels que l'angle et l'opacité via l'application. Pour redresser les objets image, nous utilisons la méthode de redressement. Syntaxe Straighten():fabric.Object Passer une valeur à une propriété angle sans utiliser la méthode Straighten. Exemple Regardons un exemple de code pour voir à quoi ressemble notre objet Image lorsque la méthode Straighten n'est pas utilisée. méthode de redressement réussie
    js tutoriel . fabric 1568 2023-09-14 16:53:02
  • Comment trouver la hauteur de la zone de texte dans IText à l'aide de FabricJS ?
    Comment trouver la hauteur de la zone de texte dans IText à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment trouver la hauteur de la zone de texte 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 utiliser diverses propriétés
    js tutoriel . fabric 1555 2023-09-14 15:17:16

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