javascript - Ajuster la taille de la zone de texte fabricjs pour correspondre à la sélection de texte

J'ai un morceau de code qui crée un nouveau Textbox de cette manière :

new fabric.Textbox('Ajouter du texte')

Le problème est que la zone de texte est trop petite par rapport à son contenu :

Si je définis une largeur fixe, j'obtiens un peu de rempli

Lire la suite →

typescript - « Canvas n'est pas un constructeur » erreur - Utilisation de FabricJS avec Angular 6

Je travaille sur un projet qui a été récemment mis à niveau d'Angular 5 vers 6. J'ajoute une nouvelle fonctionnalité qui nécessite que je dessine des images à partir de données, donc j'ai essayé d'utiliser les objets DOM Canvas et SVG pour le faire. FabricJS a beaucoup de fonctionnalités dont j'ai besoin.

J'ai essayé de l'ajouter au projet hier soir. J'ai téléchargé les versions complètes DEV/MIN de FabricJS depuis le site Web, v2.3.3. Ensuite, j'ai créé un dossier « fabric » dans mon d

Lire la suite →

javascript - Alignement des objets dans fabricJS après zoom et déplacement

J'utilise fabricJS avec Angular lorsque je veux aligner un élément à gauche, par exemple j'utilise la méthode suivante

alignLeft() { // Get Selected Elements var obj = this.canvas.getActiveObject(); // if no element is selected if (obj !== undefined) { //

Lire la suite →

typescript - Comment puis-je créer un module ESM/CJS qui ne nécessite pas d'ajouter '.default' aux importations

Je peux configurer mon package.json pour utiliser des importations différentes pour CJS et ESM :

"main": "dist/cjs/index.js", "module": "dist/esm/index.js",

Je peux également configurer mon c

Lire la suite →

javascript - FabricJS TextBox de taille fixe avec taille de police dynamique (réduire le texte pour s'adapter à la taille)

Comment puis-je fixer la taille d'une zone de texte et diminuer dynamiquement la taille de la police si le texte devient trop grand pour la zone de texte ? Oui, une question similaire existe ici mais elle ne fonctionne que pour une seule ligne de texte.

Je veux exactement atteindre cela : (exemple de l'éditeur de mèmes imgflip)

Lire la suite →

node.js - package.json ne respecte pas la propriété exports pour le paquet npm esm et cjs

J'ai des difficultés à faire en sorte que ma bibliothèque npm prenne en charge les imports/requires par sous-chemin via le champ exports dans le package.json. Pour contexte, package.json prend en charge un champ « exports » qui vous permet d'exposer conditionnellement de

Lire la suite →

javascript - Besoin d'un exemple d'utilisation de fabricjs.d.ts avec TypeScript

J'utilise fabricjs dans un projet que j'essaie de convertir pour utiliser TypeScript, mais je n'arrive pas à comprendre comment l'utiliser. Auparavant, je créais mes propres objets personnalisés en faisant ce qui suit :

my.namespace.Control = fabric.util.createClass(fabric.Object, { id: "",

Lire la suite →

node.js - node_modules/minimatch/dist/cjs/index"' n’a pas de membre exporté nommé 'IMinimatch'. Vouliez-vous dire 'Minimatch' ?

J'ai rimraf en tant que devDependency (v5.0.0). Lorsque j'essaie d'exécuter un script utilisant rimraf, cela me donne cette erreur :

node_modules/@types/glob/index.d.ts:29:42 - error TS2694: Namespace '".../node_modules/minimatch/dist/cjs/i

Lire la suite →

node.js - « node_modules/minimatch/dist/cjs/index » n’a pas de membre exporté « IOptions »

J'ai un projet TypeScript à exécuter sur une fonction Firebase.

Voici mon tsconfig.json

{ "compilerOptions": { "lib": ["es2017"], "module": "commonjs", "noImplicitReturns": true, "outDir": "dist", "sourceMap": true, "target": "es2017", "esModuleInterop": true, "strict": true }, "include&quo

Lire la suite →

javascript - Comment utiliser/inclure fabricjs dans Angular2

Je veux utiliser fabricjs dans mon projet. J'ai installé fabricjs en utilisant bower et l'ai lié dans index.html. mais cela ne fonctionne pas. Veuillez voir le code ci-dessous.

index.html

<html> <head> <script>document.write('<base href="' + document.location + '" />'); </scrip

Lire la suite →