localisation actuelle:Maison > Articles techniques > Opération et maintenance
- Direction:
- tous web3.0 développement back-end interface Web base de données Opération et maintenance outils de développement cadre php programmation quotidienne Applet WeChat Problème commun autre technologie Tutoriel CMS Java Tutoriel système tutoriels informatiques Tutoriel matériel Tutoriel mobile Tutoriel logiciel Tutoriel de jeu mobile
- Classer:
-
- Comment faire réagir un objet polygone aux événements sélectionnés et désélectionnés à 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 sélectionnés et désélectionnés pour démontrer comment faire réagir un objet polygone à la sélection et à la désélection de l'objet par l'utilisateur. Syntaxepolygon.on("sélectionné",callbackFunction);polygon.on("désélectionné&q
- js tutoriel . fabric 1390 2023-09-21 09:41:11
-
- Comment définir la couleur de remplissage d'un rectangle à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à modifier l'apparence d'un rectangle en changeant la couleur de remplissage d'un objet à l'aide de FabricJS. Le rectangle est l'une des nombreuses 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 changer la couleur de remplissage à l'aide de la propriété fill, qui nous permet de spécifier la couleur de remplissage de l'objet. Syntaxe newfabric.Rect({fill:String}:Object) Paramètres Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre rectangle. Grâce à ce paramètre, vous pouvez modifier la couleur, le curseur, la largeur du trait et bien d'autres choses liées à l'objet dont le remplissage est une propriété
- js tutoriel . fabric 1311 2023-09-21 08:13:24
-
- Comment définir l'opacité du rectangle à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à définir l'opacité d'un rectangle à l'aide de FabricJS. Le rectangle est l'une des différentes formes fournies par FabricJS. Pour créer un rectangle, nous devons créer une instance de la classe Fabric.Rect et l'ajouter à l'objet rectangle. Nous pouvons personnaliser l'objet rectangle 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é opacity pour modifier son opacité. Syntaxe newfabric.Rect({opacity: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 la propriété d'opacité du
- js tutoriel . fabric 1262 2023-09-21 08:01:09
-
- Comment définir la position de l'image du haut à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à définir la position d'une image depuis le haut à 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 facilement personnaliser son angle, son opacité et d'autres attributs via l'application. Pour définir la position de l'image par le haut, nous utilisons la propriété top. Syntaxe newfabric.Image(element:HTMLImageElement|HTMLCanvasElement|HTMLVideoElement|String,{top:Number}:Object,callbac
- js tutoriel . fabric 1316 2023-09-20 22:57:04
-
- Comment obtenir le facteur d'échelle d'objet d'une image à l'aide de FabricJS ?
- Dans ce didacticiel, nous apprendrons comment obtenir le facteur d'échelle d'objet 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 propriétés telles que l'angle, l'opacité, etc. Afin d'obtenir le facteur de mise à l'échelle de l'objet de l'image, nous utilisons la méthode getObjectScaling. Syntaxe getObjectScaling():Object Exemple utilisant la méthode getObjectscaling Examinons un exemple de code pour voir la sortie enregistrée lors de l'utilisation de la méthode getObjectScaling. Dans ce genre de
- js tutoriel . fabric 984 2023-09-20 08:37:04
-
- Comment rendre le triangle invisible avec FabricJS ?
- Dans ce tutoriel, nous allons apprendre à rendre un triangle invisible à 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 nombreuses 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.Triangle({visible:Boolean}:Object) Options de paramètre (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire à notre triangle. faire
- js tutoriel . fabric 716 2023-09-17 23:41:10
-
- Comment rendre les coins de contrôle d'un triangle transparents à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à rendre transparents les coins de contrôle d'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. La propriété transparentCorners nous permet de rendre transparents les coins de contrôle du triangle. Syntaxe newFabric.Triangle({TransparentCorners:Boolean}: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 la relation entre transparentCorners et
- js tutoriel . fabric 1563 2023-09-17 23:13:06
-
- Comment implémenter le copier-coller par programme à 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. Afin d'implémenter le copier-coller par programme, nous devons utiliser la méthode clone. Syntaxe clone(callback:Object,propertiesToInclude:Array) Paramètres Callback (facultatif) - Ce paramètre est la fonction de rappel appelée par le clonage. PropertiesToInclude (facultatif) - ceci
- js tutoriel . fabric 1201 2023-09-17 17:37:06
-
- Comment définir la position d'un triangle à partir du haut à l'aide de FabricJS ?
- <p>Dans ce tutoriel, nous utiliserons FabricJS pour définir la position d'un triangle. La propriété <em>top</em> nous permet de manipuler la position d'un objet. Par défaut, la position supérieure est relative au sommet de l'objet.</p><h2>Syntaxe</h2><preclass="just-codenotranslatelingual-javascript"data-lang="javascript">newFabric.Triangl
- js tutoriel . fabric 905 2023-09-17 16:25:02
-
- Comment vérifier si un objet Image croise un autre objet à l'aide de FabricJS ?
- Dans ce tutoriel, nous allons apprendre à vérifier si un objet Image est identique à un autre objet utilisant 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 vérifier si un objet image croise un autre objet, nous utilisons la méthode intersectsWithObject. Syntaxe intersectsWithObject(other:Object,absolute:Boolean,calculate:Boolean):Boolean
- js tutoriel . fabric 846 2023-09-17 12:53:02
-
- Comment obtenir la déclaration de style complète d'un caractère dans IText à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment obtenir la déclaration de style complète d'un caractère 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 le faire en utilisant
- js tutoriel . fabric 810 2023-09-17 11:57:03
-
- Comment désactiver la mise à l'échelle centrée d'Ellipse à l'aide de FabricJS ?
- Dans ce didacticiel, nous apprendrons comment désactiver la mise à l'échelle centrée d'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. Lors de la mise à l'échelle d'un contrôle, attribuez la valeur « true » à la propriété centeredScaling pour utiliser le centre comme origine de transformation de l'objet. Syntaxe newfabric.Ellipse({centeredScaling:Boolean}:Object) Paramètres (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre ellipse. En utilisant ce paramètre, vous pouvez modifier
- js tutoriel . fabric 1099 2023-09-17 09:25:02
-
- 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 1207 2023-09-16 20:05:02
-
- 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 1266 2023-09-16 13:17:02
-
- 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 1131 2023-09-16 13:13:27