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 façon :

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 marge au

Lire la suite →

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

Je travaille sur un projet qui a récemment été mis à niveau de Angular 5 à 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 cela. FabricJS possède 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 quand 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) { // Bou

Lire la suite →

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

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

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

Je peux également configurer mon compila

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 importations/require de sous-chemin via le champ exports dans le package.json. Pour contexte, package.json prend en charge un champ « exports » qui permet d'exposer conditionnellement des

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 ne parviens pas à comprendre comment l'utiliser. Auparavant, je créais mes propres objets personnalisés en procédant comme 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, il me donne cette erreur :

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

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 →