javascript - Perspektiivimuunnos kuvalla täytetylle objektille fabricjs:ssä
Meillä on joitakin objekteja, jotka on täytetty kuvalla. Onko mahdollista saavuttaa kuvan perspektiivinen muunnos säätämällä suorakulmaisen ruudukon paikkoja Fabric.js:ssä?
Yritän saavuttaa jotain samanlaista kuin yllä olevassa kuvassa Fabric JS:ssä...
Lue lisää →javascript - fabricjs, Onko kohteen kiertämisen jälkeen mahdollista saada virtuaalisen suorakulmion vasen, ylä- ja oikea sijainti
Pyörivän objektin jälkeen onko mahdollista saada virtuaalisen suorakulmion vasen, ylä- ja oikea sijainti?
Vastaus #1
Etsimäsi on kohteesi rajaava suorakulmio:
getBoundingRect
Lue lisää →Rollup TypeScript: määritykset dist + cjs + es
Yritän paketoida TypeScript-kirjastoa käyttäen rollupia ja luoda lausuntotiedostoja (d.ts), ja haluan tulostaa sekä cjs- että es-versiot.
Joten kehittelin tämän Rollup-konfiguraation:
const {nodeResolve} = require('@rollup/plugin-node-resolve') const nodeExternals = require('rollup-plugin-node-externals'); const json = require('@rollup/plugin-json'); const commonjs = require('@rollup/plugin-commonjs'); const typescript = require('rollup-plugin-typescript2'); const packageP Lue lisää →node.js - Kuinka määrittää TS sallimaan tuonnit CJS:stä ES-moduuleihin (node-fetch & Express)?
Yritän saada kahta kirjastoa toimimaan yhdessä projektissa: fetch-node, joka on ES-moduuli, ja Express, joka on CommonJS. Ongelmana on, että minun täytyy tuoda fetch-node seuraavasti:
import fetch from 'node-fetch'; Lue lisää →javascript - kineticjs-muoto typescriptissä
Yritän luoda muodon seuraavan kineticjs JavaScript -koodin perusteella:
var triangle = new Kinetic.Shape({ drawFunc: function(canvas) { var context = canvas.getContext(); context.beginPath(); context.moveTo(200, 50); context.lineTo(420, 80); context.quadraticCurveTo(300, 100, 260, 170); context.closePath(); canvas.fillStroke(this); }, fill: '#00D2FF', stroke: 'black', strokeWidth: 4 });Tämä on esime
Lue lisää →javascript - Oletusluokan instansiointi johtaa TypeErroriin (ESM/CJS-yhteensopivuus)
Ongelman yhteenveto
Hei,
Minulla on TypeScript-projekti, jossa yritän luoda instanssin luokasta, joka oli toisen paketin oletusvienti. Kirjoitan projektiani ESM-syntaksilla, kun taas paketti, johon se riippuu, tuottaa CJS-lähtötiedostoja. Ong
Lue lisää →CJS:n ja ESM:n rakentaminen TypeScript-projektiviitteitä käyttämällä monorepossa
Minulla on TypeScript-monorepo-prototyyppi asennettuna ja toiminnassa cjs:llä, Yarn-työtiloilla ja projektiviitteillä käyttäen inkrementaalisia käännöksiä:
https://github.com/rosskevin/learn-a/tree/build-cjs-esm
Koska tsc -b käyttää oletuksena
Lue lisää →javascript - Kuinka klikata FabricJS-objektin läpi valitaksesi sen alla olevan objektin (ilman evented-ominaisuuden käyttöä)
Kuinka saat fabricjs-objektin 'lukittua' siten, että:
- Se ei ole valittavissa (obj.selectable=false)
- Sallii 'mousedown'-tapahtuman hiiren oikealla painikkeella (obj.evented täytyy olla tosi)
- Ei hover-tilaa/tapahtumaa (hiiri ei tunnista tätä objektia hoveroinnin aikana eikä muuta kohdistinta)
- Sallii hiiren napsauttaa sen alla olevia kohteita (hiiri voi käyttää kohteita sen läpi)
Yritin etsiä koodia, joka käsittelee 'evented'-ominaisuutta, mutta en
Lue lisää →angular - Kuinka estää tekstin skaalaus, kun tekstiruutua koonmuutetaan fabricjs:llä
Olen uusi FabricJs:ssä ja huoleni koskee tekstiruudun koon muuttamista - minulla on seuraava ratkaisu, joka mahdollistaa tekstiruudun koon muuttamisen pystysuunnassa ja vaakasuunnassa, mutta ei samanaikaisesti. Olen yrittänyt löytää ratkaisua, joka tekee molemmat samanaikaisesti ilman,
Lue lisää →es6-moduulit - Voiko TypeScript tuoda sekä ESM- että CJS-riippuvuudet?
Kirjoitan TypeScript-sovellusta, joka käyttää NPM:llä asennettuja riippuvuuksia:
- joidenkin näiden riippuvuuksien vienti tapahtuu CJS:n kautta
- joistakin näistä riippuvuuksista viedään ESM:n kautta
Onko olemassa tsconfig.json-asetusta, joka antaisi minun käyttää kaikki
Lue lisää →