javascript - Úprava velikosti textového pole fabricjs tak, aby odpovídala výběru textu

Mám kus kódu, který vytváří nový Textbox tímto způsobem:

new fabric.Textbox('Ajouter du texte')

Problém je v tom, že textové pole je příliš malé vzhledem k jeho obsahu:

Pokud nastavím pevnou šířku, získám kolem nějaké odsazení:

new fab

Přečtěte si více →

typescript - „Canvas není konstruktor“ chyba - Používání FabricJS s Angular 6

Pracuji na projektu, který byl nedávno aktualizován z Angular 5 na 6. Přidávám novou funkci, která vyžaduje vykreslování obrázků z dat, takže jsem se snažil použít objekty DOM Canvas a SVG k tomu, abych to udělal. FabricJS má spoustu funkcí, které potřebuji.

Minulou noc jsem se pokusil přidat to do projektu. Stáhl jsem si plné verze DEV/MIN FabricJS z webu, verze 2.3.3. Poté jsem vytvořil složku „fabric“ ve své složce node_modules a umístil tam soubory *.js. Upravil jsem svůj soubor

Přečtěte si více →

javascript - Zarovnání objektu ve fabricJS po přiblížení a posunu

Používám fabricJS s Angular, a když chci zarovnat prvek doleva, například používám následující metodu

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

Přečtěte si více →

typescript - Jak vytvořit ESM/CJS modul, který nevyžaduje přidávání '.default' k importům

Mohu nastavit svůj package.json tak, aby používal různé importy pro CJS a ESM:

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

Mohu také nastavit svůj TypeScript kompilátor tak, a

Přečtěte si více →

javascript - FabricJS TextBox s pevnou velikostí a dynamickou velikostí písma (zmenšit text tak, aby se vešel do velikosti)

Jak mohu opravit velikost TextBoxu a dynamicky zmenšovat velikost písma, pokud se text stane příliš velký pro TextBox? Ano, podobná otázka zde existuje, ale funguje pouze pro jeden řádek textu.

Chci přesně toho dosáhnout: (příklad z imgflip meme editoru)

Přečtěte si více →

node.js - package.json nerespektuje vlastnost exports pro npm balíček esm a cjs

Mám potíže s tím, aby moje knihovna npm podporovala importy/require podcest přes pole exports v souboru package.json. Pro kontext, package.json podporuje pole "exports", které umožňuje podmíněně zpřístupnit soubory na základě runtime (tj. commonjs NEBO ecmascript).

Přečtěte si více →

javascript - Potřebuji příklad použití fabricjs.d.ts s TypeScriptem

Používám fabricjs v projektu, který se snažím převést na TypeScript, ale nemohu přijít na to, jak ho použít. Dříve jsem vytvářel své vlastní vlastní objekty tímto způsobem:

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

Přečtěte si více →

node.js - node_modules/minimatch/dist/cjs/index"' nemá exportovaného člena jménem 'IMinimatch'. Měl jste na mysli 'Minimatch'?

Mám rimraf jako devDependency (verze 5.0.0). Když se pokusím spustit skript používající rimraf, zobrazí se mi tato chyba:

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

Přečtěte si více →

node.js - 'node_modules/minimatch/dist/cjs/index' nemá exportovaného člena 'IOptions'

Mám projekt v TypeScriptu, který má běžet na Firebase funkci.

Zde je můj tsconfig.json

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

Přečtěte si více →

javascript - Jak používat/zahrnout fabricjs v Angular2

Chci ve svém projektu použít fabricjs. Nainstaloval jsem fabricjs pomocí boweru a odkazoval jsem na něj v index.html. Ale nefunguje to. Prosím, podívejte se na následující kód.

index.html

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

Přečtěte si více →