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 rendre un rectangle invisible avec FabricJS ?
- <p>Dans ce tutoriel, nous allons apprendre à rendre un rectangle invisible à 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 <em>fabric.Rect</em> et l'ajouter au canevas.</p><p>Notre objet rectangle peut être personnalisé de plusieurs manières, telles que comme changer sa taille, ajouter une couleur de fond ou en le rendant visible ou invisible. Nous pouvons le faire en utilisant l'attribut <em>visible</em>. </p><h2
- js tutoriel . fabric 994 2023-09-22 13:01:07
-
- Comment obtenir l'opacité d'un objet Texte à l'aide de FabricJS ?
- Dans ce tutoriel, nous apprendrons comment obtenir l'opacité 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. On peut également retrouver l'opacité d'un objet grâce à la méthode getObjectOpacity. Syntaxe getObjectOpacity() Exemple 1 Utilisation de la méthode getObjectOpacity Regardons un exemple de code pour voir comment utiliser g
- js tutoriel . fabric 724 2023-09-21 15:37:09
-
- Comment ajouter un trait à un triangle en utilisant FabricJS ?
- Dans ce tutoriel, nous apprendrons comment ajouter un trait à 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. Notre objet triangle peut être personnalisé de nombreuses manières, comme en changeant ses dimensions, en ajoutant une couleur de fond ou en changeant la couleur des lignes tracées autour de l'objet. Nous pouvons le faire en utilisant l'attribut Stroke. Syntaxe newfabric.Triangle({String:String}:Object) Paramètres Options (facultatif) - Ce paramètre est un objet qui fournit une personnalisation supplémentaire pour notre triangle. Utilisez ce paramètre
- js tutoriel . fabric 881 2023-09-21 13:49:02
-
- 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 1525 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 1452 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 1418 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 1460 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 1204 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 891 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 1723 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 1336 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 1016 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 940 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 924 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 1200 2023-09-17 09:25:02