javascript - Juster størrelsen på fabricjs-tekstboks for å matche tekstvalget

Jeg har en kodebit som oppretter en ny Textbox på denne måten:

new fabric.Textbox('Ajouter du texte')

Problemet er at tekstboksen er for liten sammenlignet med innholdet sitt:

Hvis jeg setter en fast bredde, får jeg noe polstring rundt:

Les mer →

typescript - "Canvas er ikke en konstruktør" feil - Bruke FabricJS med Angular 6

Jeg jobber med et prosjekt som nylig ble oppgradert fra Angular 5 til 6. Jeg legger til en ny funksjon som krever at jeg tegner bilder fra data, så jeg har forsøkt å bruke Canvas- og SVG-DOM-objektene for å gjøre dette. FabricJS har mange funksjoner jeg trenger.

Jeg prøvde å legge det til i prosjektet i går kveld. Jeg lastet ned de fullstendige DEV/MIN-versjonene av FabricJS fra nettsiden, v2.3.3. Deretter laget jeg en «fabric»-mappe i node_modules-mappen min og la *.js-filene der. Jeg

Les mer →

javascript - Objektjustering i fabricJS etter zoom og panorering

Jeg bruker fabricJS med Angular når jeg vil justere et element til venstre, for eksempel bruker jeg følgende metode

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

Les mer →

typescript - Hvordan lager jeg en ESM/CJS-modul som ikke krever å legge til '.default' i importene

Jeg kan sette opp min package.json for å bruke forskjellige imports for CJS og ESM:

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

Jeg kan også sette opp TypeScript-kompilatoren

Les mer →

javascript - FabricJS tekstboks med fast størrelse og dynamisk fontstørrelse (krympe tekst for å passe størrelse)

Hvordan kan jeg fikse størrelsen på en tekstboks og dynamisk redusere skriftstørrelsen hvis teksten blir for stor for tekstboksen? Ja, et lignende spørsmål finnes her, men det fungerer bare for én linje med tekst.

Jeg vil oppnå akkurat det: (eksempel fra imgflip-meme-editoren)

Les mer →

node.js - package.json respekterer ikke exports-egenskapen for esm- og cjs-npm-pakker

Jeg har problemer med å få npm-biblioteket mitt til å støtte subpath-importer/require via exports-feltet i package.json. For kontekst støtter package.json et felt "exports" som lar deg betinget eksponere filer basert på kjøretiden (dvs. commonjs ELLER ecmascript).

Les mer →

javascript - Trenger eksempel på bruk av fabricjs.d.ts med TypeScript

Jeg bruker fabricjs i et prosjekt jeg prøver å konvertere til å bruke TypeScript, men jeg får ikke til å bruke det. Tidligere lagde jeg mine egne tilpassede objekter ved å gjøre følgende:

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

Les mer →

node.js - node_modules/minimatch/dist/cjs/index"' har ingen eksportert medlem kalt 'IMinimatch'. Mente du 'Minimatch'?

Jeg har rimraf som en devDependency (v5.0.0). Når jeg prøver å kjøre et skript som bruker rimraf, får jeg denne feilen:

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

Les mer →

node.js - "node_modules/minimatch/dist/cjs/index" har ingen eksportert medlem 'IOptions'

Jeg har et TypeScript-prosjekt som skal kjøre på en Firebase-funksjon.

Her er min tsconfig.json

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

Les mer →

javascript - Hvordan bruke/inkludere fabricjs i Angular2

Jeg vil bruke fabricjs i prosjektet mitt. Jeg installerte fabricjs ved å bruke bower og koblet det til i index.html. Men det fungerer ikke. Vennligst se koden nedenfor.

index.html

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

Les mer →