javascript - Ajustați dimensiunea casetei de text fabricjs pentru a se potrivi cu selecția de text

Am un fragment de cod care creează un nou Textbox astfel:

new fabric.Textbox('Ajouter du texte')

Problema este că caseta de text este prea mică comparativ cu conținutul său:

Dacă setez o lățime fixă, obțin niște spațiere în jur:

new fa

Citeste mai mult →

typescript - „Canvas nu este un constructor” eroare - Folosind FabricJS cu Angular 6

Lucrez la un proiect care a fost recent actualizat de la Angular 5 la 6. Adaug o nouă funcționalitate care necesită să desenez imagini din date, așa că am încercat să folosesc obiectele DOM Canvas și SVG pentru a face acest lucru. FabricJS are multe caracteristici de care am nevoie.

Am încercat să îl adaug în proiect aseară. Am descărcat versiunile complete DEV/MIN de FabricJS de pe site, v2.3.3. Apoi am creat un folder „fabric” în folderul meu node_modules și am pus fișierele *.js acol

Citeste mai mult →

javascript - Alinierea obiectelor în fabricJS după zoom și pan

Folosesc fabricJS cu Angular când vreau să aliniez un element la stânga, de exemplu folosesc următoarea metodă

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

Citeste mai mult →

typescript - Cum pot să fac un modul ESM/CJS care să nu necesite adăugarea '.default' la importuri

Pot să configurez fișierul meu package.json pentru a folosi importuri diferite pentru CJS și ESM:

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

Pot să configurez, de asemenea, c

Citeste mai mult →

javascript - FabricJS TextBox cu dimensiune fixă și fonturi dinamice (micșorează textul pentru a se potrivi dimensiunii)

Cum pot fixa dimensiunea unui TextBox și să micșorez dinamic dimensiunea fontului dacă textul devine prea mare pentru TextBox? Da, există o întrebare similară aici, dar funcționează doar pentru un singur rând de text.

Vreau să realizez exact asta: (exemplu din editorul de meme imgflip)

Citeste mai mult →

node.js - package.json nu respectă proprietatea exports pentru pachetul npm esm și cjs

Am dificultăți în a face ca biblioteca mea npm să suporte importurile/require-urile pe subcale prin câmpul exports din package.json. Pentru context, package.json suportă un câmp „exports” care permite expunerea condiționată a fișierelor în funcție de runtime (adică commo

Citeste mai mult →

javascript - Am nevoie de un exemplu de folosire a fabricjs.d.ts cu TypeScript

Folosesc fabricjs într-un proiect pe care încerc să îl convertez pentru a folosi TypeScript, dar nu reușesc să îmi dau seama cum să îl folosesc. Anterior, aș fi creat propriile mele obiecte personalizate făcând următoarele:

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

Citeste mai mult →

node.js - node_modules/minimatch/dist/cjs/index"' nu are niciun membru exportat numit 'IMinimatch'. Ai vrut să spui 'Minimatch'?

Am rimraf ca devDependency (v5.0.0). Când încerc să rulez un script folosind rimraf, îmi apare această eroare:

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

Citeste mai mult →

node.js - 'node_modules/minimatch/dist/cjs/index' nu are un membru exportat 'IOptions'

Am un proiect TypeScript pe care trebuie să-l rulez într-o funcție Firebase.

Iată tsconfig.json al meu

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

Citeste mai mult →

javascript - Cum să folosești/să incluzi fabricjs în Angular2

Vreau să folosesc fabricjs în proiectul meu. Am instalat fabricjs folosind bower și l-am legat în index.html. dar nu funcționează. Vă rog să vedeți codul de mai jos.

index.html

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

Citeste mai mult →