javascript - Justera storleken på fabricjs-textboxen för att matcha textmarkeringen

Jag har en kodbit som skapar en ny Textbox på det här sättet:

new fabric.Textbox('Ajouter du texte')

Problemet är att textrutan är för liten jämfört med dess innehåll:

Om jag anger en fast bredd får jag lite marginal runt:

new fabric.T

Läs mer →

typescript - "Canvas är inte en konstruktor" fel - Använder FabricJS med Angular 6

Jag arbetar på ett projekt som nyligen uppgraderades från Angular 5 till 6. Jag lägger till en ny funktion som kräver att jag ritar bilder från data, så jag har försökt använda Canvas- och SVG-DOM-objekten för att göra detta. FabricJS har många funktioner som jag behöver.

Jag försökte lägga till det i projektet igår kväll. Jag laddade ner fullständiga DEV/MIN-versioner av FabricJS från webbplatsen, v2.3.3. Sedan skapade jag en "fabric"-mapp i min node_modules-mapp och lade *.js-filerna

Läs mer →

javascript - Objektjustering i fabricJS efter zoomning och panorering

Jag använder fabricJS med Angular när jag vill justera ett element till vänster, till exempel använder jag följande metod

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

Läs mer →

typescript - Hur gör jag ett ESM/CJS-modul som inte kräver att man lägger till '.default' till importerna

Jag kan ställa in min package.json för att använda olika imports för CJS och ESM:

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

Jag kan också ställa in min TypeScript-kompilator

Läs mer →

javascript - FabricJS TextBox med fast storlek och dynamisk fontstorlek (krymp text för att passa storlek)

Hur kan jag fixa storleken på en TextBox och dynamiskt minska fontstorleken om texten blir för stor för TextBoxen? Ja, en liknande fråga finns här men den fungerar bara för en rad text.

Jag vill uppnå precis det: (exempel från imgflip meme editor)

Jag ha

Läs mer →

node.js - package.json respekterar inte exports-egenskapen för esm- och cjs-npm-paket

Jag har svårt att få mitt npm-bibliotek att stödja subpath-importer/-krav via exports-fältet i package.json. För kontext, package.json stöder ett fält "exports" som låter dig villkorligt exponera filer baserat på runtime (dvs. commonjs ELLER ecmascript).

När jag im

Läs mer →

javascript - Behöver exempel på att använda fabricjs.d.ts med TypeScript

Jag använder fabricjs i ett projekt som jag försöker konvertera till att använda TypeScript, men jag kan inte lista ut hur man använder det. Tidigare skapade jag mina egna anpassade objekt genom att göra följande:

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

Läs mer →

node.js - node_modules/minimatch/dist/cjs/index"' har ingen exporterad medlem som heter 'IMinimatch'. Menade du 'Minimatch'?

Jag har rimraf som en devDependency (v5.0.0). När jag försöker köra ett skript som använder rimraf får jag detta fel:

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

Läs mer →

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

Jag har ett TypeScript-projekt att köra på en Firebase-funktion.

Här är min tsconfig.json

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

Läs mer →

javascript - Hur man använder/inkluderar fabricjs i Angular2

Jag vill använda fabricjs i mitt projekt. Jag installerade fabricjs med bower och länkade det i index.html, men det fungerar inte. Vänligen se koden nedan.

index.html

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

Läs mer →