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

  • 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 1286 2023-08-29 12:17:10
  • Comment mettre en évidence un objet lorsque la souris passe dessus à l'aide de FabricJS ?
    Comment mettre en évidence un objet lorsque la souris passe dessus à 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. FabricJS nous fournit un ensemble complet d'événements que nous pouvons utiliser pour créer différents effets. Puisque nous voulons que les modifications se produisent au survol de la souris, nous utiliserons l'événement mouse:move qui se déclenche lorsque la souris bouge. Notre deuxième exigence est de mettre en évidence un objet, cela peut être réalisé en utilisant la propriété d'opacité, cependant, lorsqu'il y a de nombreux objets sur le canevas et
    js tutoriel . fabric 872 2023-08-29 11:21:16
  • Que sont les bibliothèques Canvas gratuites en HTML5 ?
    Que sont les bibliothèques Canvas gratuites en HTML5 ?
    À l'aide de scripts, l'élément canvas est utilisé pour créer des graphiques instantanément (généralement du JavaScript). Cette balise vient d'être introduite en HTML5. L'élément est uniquement utilisé comme zone de rétention pour l'image. Pour dessiner des visuels, vous devez utiliser des scripts. Il existe de nombreuses façons de dessiner des chemins, des cases, des cercles, des personnages et d'ajouter des images au canevas. Syntaxe <canvasid="canvasname"></canvas> Ceci est un exemple HTML simple pour décrire l'utilisation de Canvas - <!DOCTYPEhtml><html><body><canvasid=&q
    tutoriel HTML . fabric 738 2023-08-29 09:53:13
  • Comment créer une représentation sous forme de chaîne d'un objet Line à l'aide de FabricJS ?
    Comment créer une représentation sous forme de chaîne d'un objet Line à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment créer une représentation sous forme de chaîne 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 créer une représentation sous forme de chaîne d'un objet Line, nous utilisons la méthode toString. Syntaxe toString():String Exemple utilisant la méthode toString Regardons un exemple de code pour voir lors de l'utilisation de la méthode toString
    js tutoriel . fabric 1001 2023-08-28 17:21:08
  • Comment définir la largeur du trait d'un cercle de toile à l'aide de Fabric.js ?
    Comment définir la largeur du trait d'un cercle de toile à l'aide de Fabric.js ?
    Les propriétés de trait et de largeur de trait sont utilisées pour définir la couleur et la largeur du trait du cercle de canevas. La classe Circle contient différentes propriétés, mais pour définir la couleur et la largeur du trait, nous utilisons les propriétés Stroke et Stroke-Width. La propriété StrokeWidth est utilisée pour spécifier la largeur du cercle du canevas. La classe Fabric.jsCircle est utilisée pour fournir des formes circulaires via des objets Fabric.Circle. L'objet cercle est utilisé pour fournir une forme circulaire et le cercle est mobile et peut être étiré selon les besoins. Le trait, la couleur, la largeur, la hauteur et la couleur de remplissage du cercle sont tous personnalisables. Par rapport à la classe canvas, la classe Circle offre des fonctions riches. SyntaxeCe qui suit est la syntaxe des objets texte -fabric.
    js tutoriel . fabric 750 2023-08-28 13:53:05
  • FabricJS - Comment définir le multiplicateur de zoom dans la chaîne URL d'un objet Line ?
    FabricJS - Comment définir le multiplicateur de zoom dans la chaîne URL d'un objet Line ?
    Dans ce tutoriel, nous apprendrons comment définir le facteur de zoom 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 définir le multiplicateur de zoom dans la chaîne URL de l'objet Line, nous utilisons l'attribut multiplicateur. Syntaxe toDataURL({multiplier:Number}:Object):Paramètres de chaîne
    js tutoriel . fabric 786 2023-08-28 12:25:11
  • Comment désactiver la rotation centrale de l'ellipse à l'aide de FabricJS ?
    Comment désactiver la rotation centrale de l'ellipse à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre comment désactiver la rotation centrée 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. 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.Ellipse({centeredRotation:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet offrant une personnalisation supplémentaire pour notre ellipse
    js tutoriel . fabric 1159 2023-08-28 09:13:11
  • Comment obtenir le facteur d'échelle de l'objet de Text à l'aide de FabricJS ?
    Comment obtenir le facteur d'échelle de l'objet de Text à l'aide de FabricJS ?
    Dans ce didacticiel, nous apprendrons comment obtenir le facteur d'échelle d'objet du 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. Nous pouvons également trouver le facteur de mise à l'échelle de l'objet en utilisant la méthode getObjectScaling. Syntaxe getObjectScaling() Exemple 1 Utilisation de la méthode getObjectscaling Regardons un exemple de code pour voir comment utiliser
    js tutoriel . fabric 1015 2023-08-27 23:13:08
  • Quel est le lien entre Java et la blockchain ?
    Quel est le lien entre Java et la blockchain ?
    La blockchain est devenue un mot à la mode ces derniers temps. Les gens essaient de mettre en œuvre son logiciel à diverses fins dans tous les domaines pour vérifier son efficacité dans différentes situations. C'est une technologie décentralisée. Il s’agit essentiellement de données numérisées, et chaque élément de données est appelé une transaction. Par conséquent, la date, l’heure et le montant de cette transaction particulière sont stockés dans la blockchain. Chaque bloc est unique en raison du codeithas unique, également connu sous le nom de « hachage ». Il est créé à l’aide de différents algorithmes spécialisés. À mesure que la demande pour de tels produits augmente, les investisseurs tentent d'investir des capitaux dans
    javaDidacticiel . fabric 579 2023-08-27 21:57:12
  • FabricJS - Comment supprimer la conversion d'objet actuelle de la chaîne URL d'un objet Line ?
    FabricJS - Comment supprimer la conversion d'objet actuelle de la chaîne URL d'un objet Line ?
    Dans ce tutoriel, nous apprendrons comment supprimer la transformation d'objet actuelle (échelle, angle, retournement, inclinaison) de 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 supprimer la transformation d'objet actuelle de la chaîne URL de l'objet Line, nous utilisons la propriété withoutTransform. Syntaxe toDataURL({sansTran
    js tutoriel . fabric 938 2023-08-27 20:05:09
  • Comment définir la couleur de remplissage d'un triangle à l'aide de FabricJS ?
    Comment définir la couleur de remplissage d'un triangle à l'aide de FabricJS ?
    Dans ce tutoriel, nous apprendrons comment modifier l'apparence d'un objet Triangle en changeant sa couleur de remplissage à 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 utiliser l'attribut fill, qui nous permet de spécifier la couleur du remplissage de l'objet. Syntaxe newFabric.Triangle({fill:String}:Object) Paramètres Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre triangle. À l'aide de ce paramètre, vous pouvez modifier les propriétés liées à l'objet dont le remplissage est l'attribut, telles que la couleur.
    js tutoriel . fabric 1321 2023-08-27 19:41:07
  • Comment définir la couleur d'arrière-plan d'une sélection de rectangle à l'aide de FabricJS ?
    Comment définir la couleur d'arrière-plan d'une sélection de rectangle à l'aide de FabricJS ?
    Dans ce tutoriel, nous allons apprendre à définir la couleur d'arrière-plan d'une sélection rectangulaire à 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 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 rectangulaire. Syntaxe newfabric.Rect({selectionBackgroundColor:String}:Object) Options de paramètre (facultatif) - Ce paramètre est un montant fourni
    js tutoriel . fabric 1304 2023-08-27 14:49:15
  • Dans Fabric.js, lors de la création d'un canevas pour une image, le calque de canevas HTML5 disparaît au clic de la souris et Firefox cesse de répondre
    Dans Fabric.js, lors de la création d'un canevas pour une image, le calque de canevas HTML5 disparaît au clic de la souris et Firefox cesse de répondre
    Si le calque de canevas HTML5 disparaît lors d'un clic de souris dans Fabric.js et que Firefox cesse de répondre lors de la création du canevas sur une image, vous pouvez résoudre ce problème en utilisant Fabric pour faire glisser et déposer l'image de votre ordinateur vers le canevas. Ceci peut être réalisé en définissant l'attribut déplaçable de l'image sur true −<imgdraggable="true">
    tutoriel HTML . fabric 629 2023-08-27 09:45:02
  • En quoi les polygones sont-ils différents des polylignes dans FabricJS ?
    En quoi les polygones sont-ils différents des polylignes dans FabricJS ?
    Nous pouvons créer des objets Polyline en créant des instances de fabric.Polyline, et fabric.Polygon peut être utilisé pour créer des instances de Polygon. Un objet polyligne peut être représenté par 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. Les polygones relient toujours le premier point au dernier point pour former une zone fermée, contrairement aux polylignes. Cela peut être démontré par l’exemple donné ci-dessous. Syntaxe newfabric.Polyline(points:Array,options:Object) paramètres points-ce paramètre
    js tutoriel . fabric 1205 2023-08-27 08:21:17
  • Comment rendre un cercle invisible avec FabricJS ?
    Comment rendre un cercle invisible avec FabricJS ?
    Dans ce tutoriel, nous allons apprendre à rendre un cercle invisible à 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. Notre objet cercle peut être personnalisé de nombreuses manières, par exemple en modifiant ses dimensions, en ajoutant une couleur d'arrière-plan ou en le rendant visible ou invisible. Nous pouvons y parvenir en utilisant l'attribut visible. Syntaxe newfabric.Circle({visible:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit des options de personnalisation supplémentaire de notre cercle.
    js tutoriel . fabric 751 2023-08-26 22:49:11

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