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

  • Comment définir l'angle de rotation d'une ellipse à l'aide de FabricJS ?
    Comment définir l'angle de rotation d'une ellipse à l'aide de FabricJS ?
    Dans ce tutoriel, nous utiliserons FabricJS pour définir l'angle de rotation d'une ellipse. 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. La propriété angle dans FabricJS définit l'angle de rotation 2D d'un objet. Nous avons également la propriété centeredRotation, qui nous permet d'utiliser le point central de l'ellipse comme origine de la transformation. Syntaxe newfabric.Ellipse({angle:Number,centeredRotation:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est une paire
    js tutoriel . fabric 1447 2023-09-10 13:29:02
  • Comment définir la couleur d'arrière-plan d'une sélection elliptique à l'aide de FabricJS ?
    Comment définir la couleur d'arrière-plan d'une sélection elliptique à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre à définir la couleur d'arrière-plan d'une sélection elliptique à 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. Lorsqu'un objet est activement sélectionné, nous pouvons modifier ses dimensions, le faire pivoter ou le manipuler. Nous pouvons changer la couleur d'arrière-plan de la sélection elliptique à l'aide de la propriété selectionBackgroundColor. Syntaxe newfabric.Ellipse({selectionBackgroundColor:String}:Object) Options de paramètre (facultatif) - Ce paramètre est un
    js tutoriel . fabric 1455 2023-09-10 13:13:02
  • Comment créer un canevas avec un Cercle en utilisant FabricJS ?
    Comment créer un canevas avec un Cercle en utilisant FabricJS ?
    Dans ce tutoriel, nous allons apprendre à créer un canevas avec un objet Circle à 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. Syntaxe newfabric.Circle({radius:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre objet. À l'aide de ce paramètre, vous pouvez modifier des propriétés telles que la couleur, le curseur, la largeur du trait et de nombreuses autres propriétés associées à un cercle dont le rayon est l'attribut. Option Key Radius - Cette propriété accepte un nombre pour déterminer le rayon du cercle. Si nous ne précisons pas
    js tutoriel . fabric 1285 2023-09-09 23:05:03
  • FabricJS - Comment définir la couleur des coins de contrôle de ligne ?
    FabricJS - Comment définir la couleur des coins de contrôle de ligne ?
    Dans ce tutoriel, nous allons apprendre à définir la couleur d'un coin de contrôle 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. La propriété cornerColor nous permet de manipuler la couleur des coins du contrôle lorsque l'objet est actif. Syntaxe newfabric.Line(points:Array,{cornerColor:String}:Object) paramètre p
    js tutoriel . fabric 1539 2023-09-09 21:57:02
  • Comment définir l'angle d'inclinaison de l'axe Y d'un rectangle à l'aide de FabricJS ?
    Comment définir l'angle d'inclinaison de l'axe Y d'un rectangle à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment définir l'angle d'inclinaison sur l'axe y 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. Notre objet rectangulaire peut être personnalisé de nombreuses manières, comme en modifiant ses dimensions, en ajoutant une couleur de fond ou en modifiant l'angle d'inclinaison sur l'axe Y. Ce que nous pouvons faire, c'est en utilisant la propriété skewY. Syntaxe newfabric.Rect({skewY:Number}:Object) Paramètres Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre rectangle. En utilisant ce paramètre, vous pouvez modifier
    js tutoriel . fabric 1253 2023-09-09 21:33:03
  • Comment créer un rectangle avec une couleur de bordure à l'aide de FabricJS ?
    Comment créer un rectangle avec une couleur de bordure à l'aide de FabricJS ?
    Dans ce tutoriel, nous utiliserons FabricJS pour créer un rectangle avec une couleur de bordure. 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. Puisque FabricJS est si flexible, nous pouvons personnaliser notre objet rectangle 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.Rect({borderColor:String}:Object) Options de paramètre (facultatif) - Ce paramètre est un montant fourni
    js tutoriel . fabric 1325 2023-09-09 20:53:08
  • Comment retourner un rectangle verticalement en utilisant FabricJS ?
    Comment retourner un rectangle verticalement en utilisant FabricJS ?
    Dans ce tutoriel, nous allons apprendre à retourner verticalement un objet 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. Nous pouvons retourner l'objet rectangulaire verticalement en utilisant la propriété FlipY. Syntaxe newfabric.Rect({flipY:Boolean}: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 la couleur, le curseur, la largeur du trait et d'autres attributs liés à l'objet avec FlipY comme attribut. option key flipY - Cette propriété accepte
    js tutoriel . fabric 1050 2023-09-09 20:09:02
  • Comment désactiver la rotation centrale d'un rectangle à l'aide de FabricJS ?
    Comment désactiver la rotation centrale d'un rectangle à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment désactiver la rotation centrale 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. 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.Rect({centeredRotation:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre moment
    js tutoriel . fabric 1141 2023-09-09 19:13:12
  • Comment désactiver la sélectivité de Triangle à l'aide de FabricJS ?
    Comment désactiver la sélectivité de Triangle à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment désactiver la sélectivité 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. Afin de modifier un objet, nous devons le sélectionner dans FabricJS. Cependant, nous pouvons désactiver ce comportement en utilisant l'attribut selectable. Syntaxe newfabric.Triangle{selectable: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 1162 2023-09-08 17:13:02
  • Comment définir la valeur de proportion minimale autorisée d'une ellipse à l'aide de FabricJS ?
    Comment définir la valeur de proportion minimale autorisée d'une ellipse à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment définir la proportion minimale autorisée d'une 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. Nous pouvons personnaliser l'objet ellipse en ajoutant une couleur de remplissage, en supprimant ses bordures et même en modifiant ses dimensions. De même, nous pouvons également utiliser la propriété minScaleLimit pour définir l'échelle minimale autorisée. Syntaxe newfabric.Ellipse({minScaleLimit:Number}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit des
    js tutoriel . fabric 550 2023-09-08 16:25:02
  • Comment identifier le type d'instance Image à l'aide de FabricJS ?
    Comment identifier le type d'instance Image à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment identifier le type d'instance Image dans 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 identifier le type d'instance Image, nous utilisons la méthode isType. Syntaxe isType(type:String):Boolean Parameter type - Ce paramètre accepte une chaîne, qui spécifie le type que nous voulons vérifier. Exemple utilisant la méthode isType Examinons un exemple de code pour voir la sortie enregistrée lors de l'utilisation de la méthode isType.
    js tutoriel . fabric 979 2023-09-08 12:29:02
  • Comment désactiver la mise à l'échelle centrée d'un cercle à l'aide de FabricJS ?
    Comment désactiver la mise à l'échelle centrée d'un cercle à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment désactiver le zoom centré du 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. Lors de la mise à l'échelle d'un contrôle, attribuez une valeur vraie à la propriété centeredScaling, en utilisant le centre comme origine de transformation de l'objet. Syntaxe newfabric.Circle({centeredScaling:Boolean}:Object) Paramètres Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre cercle. En utilisant ce paramètre, vous pouvez modifier le
    js tutoriel . fabric 1433 2023-09-07 17:13:02
  • Comment annuler l'exécution d'une animation dans Line à l'aide de FabricJS ?
    Comment annuler l'exécution d'une animation dans Line à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment annuler une animation en cours d'exécution dans 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 annuler une animation en cours d’exécution, nous utilisons la méthode dispose. Syntaxe dispose() sans utiliser la méthode dispose Exemple Regardons un exemple de code pour comprendre comment utiliser la méthode dispose. Ici, nous créons une animation simple où la ligne
    js tutoriel . fabric 864 2023-09-07 17:05:02
  • Comment quitter l'état d'édition dans IText à l'aide de FabricJS ?
    Comment quitter l'état d'édition dans IText à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment quitter l'état d'édition 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 1142 2023-09-07 14:29:10
  • Comment changer le format de la chaîne URL d'un objet IText à l'aide de FabricJS ?
    Comment changer le format de la chaîne URL d'un objet IText à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment modifier le format 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 la hauteur ne s'ajuste pas en fonction des sauts de ligne. nous pouvons passer
    js tutoriel . fabric 485 2023-09-07 12:45: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