javascript - Säädä fabricjs-tekstilaatikon kokoa vastaamaan tekstivalintaa

Minulla on koodinpätkä, joka luo uuden Textbox-elementin näin:

new fabric.Textbox('Ajouter du texte')

Ongelma on, että tekstikenttä on liian pieni verrattuna sen sisältöön:

Jos asetan kiinteän leveyden, saan ympärille hieman täytettä:

Lue lisää →

typescript - "Canvas ei ole konstruktori" - Virhe - FabricJS:n käyttö Angular 6:n kanssa

Työskentelen projektin parissa, joka päivitettiin äskettäin Angular 5:stä 6:een. Lisään uutta ominaisuutta, joka vaatii minun piirtämään kuvia datasta, joten olen yrittänyt käyttää Canvas- ja SVG DOM -objekteja tämän tekemiseen. FabricJS:llä on paljon tarvitsemiani ominaisuuksia.

Yritin lisätä sen projektiin viime yönä. Latasin verkkosivustolta FabricJS:n täydet DEV/MIN-versiot, v2.3.3. Sitten tein node_modules-kansiooni "fabric"-kansion ja laitoin *.js-tiedostot sinne. Muokka

Lue lisää →

javascript - Objektin kohdistus fabricJS:ssä zoomauksen ja siirron jälkeen

Käytän fabricJS-kirjastoa yhdessä Angular-ohjelman kanssa, ja kun haluan tasata elementin vasemmalle, käytän seuraavaa menetelmää

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

Lue lisää →

typescript - Kuinka teen ESM/CJS-moduulin, joka ei vaadi '.default'-lisäämistä tuonteihin

Voin määrittää package.json-tiedostoni käyttämään erilaisia tuontimenetelmiä CJS:lle ja ESM:lle:

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

Voin myös asettaa TypeScript-käänt

Lue lisää →

javascript - FabricJS kiinteän kokoinen TextBox dynaamisella fonttikoolla (kutista teksti sopimaan kokoon)

Kuinka voin kiinnittää TextBoxin koon ja dynaamisesti pienentää fonttikokoa, jos teksti tulee liian suureksi TextBoxille? Kyllä, samanlainen kysymys on olemassa täällä, mutta se toimii vain yhdelle tekstiriville.

Haluan saavuttaa juuri sen: (esimerkki imgflip-memeeditorista)

Lue lisää →

node.js - package.json ei kunnioita exports-ominaisuutta esm- ja cjs-npm-paketille

Minulla on vaikeuksia saada npm-kirjastoni tukemaan alipolkujen tuontia/vaatimuksia (subpath imports/requires) package.json-tiedoston exports-kentän kautta. Taustaksi, package.json tukee kenttää "exports", joka sallii tiedostojen ehdollisen avaamisen ajon aikana (esim. c

Lue lisää →

javascript - Tarvitsen esimerkin fabricjs.d.ts:n käyttämisestä TypeScriptin kanssa

Käytän fabricjs:ää projektissa, jota yritän muuntaa käyttämään TypeScriptiä, mutta en saa selvää, miten sitä käytetään. Aiemmin loisin omia mukautettuja objektejani tekemällä seuraavaa:

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

Lue lisää →

node.js - node_modules/minimatch/dist/cjs/index"' ei ole vietyä jäsentä nimeltä 'IMinimatch'. Tarkoitatko 'Minimatch'?

Minulla on rimraf devDependencynä (v5.0.0). Kun yritän suorittaa skriptiä, joka käyttää rimrafia, se antaa minulle tämän virheen:

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

Lue lisää →

node.js - 'node_modules/minimatch/dist/cjs/index' ei sisällä vietyä jäsentä 'IOptions'

Minulla on TypeScript-projekti, joka tulee suorittaa Firebase-funktiossa.

Tässä on minun tsconfig.json

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

Lue lisää →

javascript - Kuinka käyttää/sisällyttää fabricjs Angular2:ssa

Haluan käyttää fabricjs:ää projektissani. Asensin fabricjs:in käyttämällä broweria ja linkitin sen index.html:ään. Mutta se ei toimi. Katso alla oleva koodi.

index.html

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

Lue lisää →