javascript - Größe der FabricJS-Textbox an die Textauswahl anpassen

Ich habe ein Stück Code, das auf diese Weise ein neues Textbox erstellt:

new fabric.Textbox('Ajouter du texte')

Das Problem ist, dass das Textfeld im Vergleich zu seinem Inhalt zu klein ist:

Wenn ich eine feste Breite einstelle, bekomme ich etwas Ab

Weiterlesen →

typescript - „Canvas ist kein Konstruktor“-Fehler - Verwendung von FabricJS mit Angular 6

Ich arbeite an einem Projekt, das kürzlich von Angular 5 auf 6 aktualisiert wurde. Ich füge eine neue Funktion hinzu, die es erfordert, dass ich Bilder aus Daten zeichne, also habe ich versucht, die Canvas- und SVG-DOM-Objekte dafür zu verwenden. FabricJS hat viele Funktionen, die ich brauche.

Ich habe versucht, es letzte Nacht zum Projekt hinzuzufügen. Ich habe die vollständigen DEV/MIN-Versionen von FabricJS von der Website heruntergeladen, v2.3.3. Dann habe ich einen "fabric"-Ordner

Weiterlesen →

javascript - Objektanordnung in fabricJS nach Zoom und Verschiebung

Ich verwende fabricJS mit Angular, wenn ich ein Element zum Beispiel nach links ausrichten möchte, verwende ich die folgende Methode

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

Weiterlesen →

typescript - Wie erstelle ich ein ESM/CJS-Modul, das nicht erfordert, '.default' zu den Imports hinzuzufügen

Ich kann meine package.json so einrichten, dass verschiedene Importe für CJS und ESM verwendet werden:

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

Ich kann auch meinen TypeScr

Weiterlesen →

javascript - FabricJS TextBox mit fester Größe und dynamischer Schriftgröße (Text an Größe anpassen)

Wie kann ich die Größe eines Textfeldes festlegen und die Schriftgröße dynamisch verkleinern, wenn der Text zu groß für das Textfeld wird? Ja, eine ähnliche Frage existiert hier, aber sie funktioniert nur für eine Textzeile.

Ich möchte genau das erreichen: (Beispiel aus dem imgflip Meme-Editor)

Weiterlesen →

node.js - package.json beachtet die Exports-Eigenschaft für esm- und cjs-npm-Paket nicht

Ich habe Schwierigkeiten, meine npm-Bibliothek dazu zu bringen, Subpath-Imports/Requires über das exports-Feld in der package.json zu unterstützen. Zum Kontext: Die package.json unterstützt ein Feld "exports", das es ermöglicht, Dateien bedingt basierend auf der Laufzeit

Weiterlesen →

javascript - Beispiel für die Verwendung von fabricjs.d.ts mit TypeScript benötigt

Ich verwende FabricJS in einem Projekt, das ich versuche, auf TypeScript umzustellen, aber ich kann nicht herausfinden, wie man es benutzt. Früher habe ich meine eigenen benutzerdefinierten Objekte folgendermaßen erstellt:

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

Weiterlesen →

node.js - node_modules/minimatch/dist/cjs/index"' hat kein exportiertes Mitglied namens 'IMinimatch'. Meinten Sie 'Minimatch'?

Ich habe rimraf als Dev-Abhängigkeit (v5.0.0). Wenn ich versuche, ein Skript mit rimraf auszuführen, bekomme ich diesen Fehler:

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

Weiterlesen →

node.js - „node_modules/minimatch/dist/cjs/index“ hat kein exportiertes Mitglied ‚IOptions‘

Ich habe ein TypeScript-Projekt, das auf einer Firebase-Funktion ausgeführt werden soll.

Hier ist meine tsconfig.json

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

Weiterlesen →

javascript - Wie man FabricJS in Angular2 verwendet/einbindet

Ich möchte fabricjs in meinem Projekt verwenden. Ich habe fabricjs mit Bower installiert und in index.html verlinkt. Aber es funktioniert nicht. Bitte sehen Sie sich den untenstehenden Code an.

index.html

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

Weiterlesen →