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

  • 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 813 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 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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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 ?
    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

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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!