javascript - Perspektivna transformacija objekta ispunjenog slikom u fabricjs

Imamo nekoliko objekata napunjenih izvorom slike. Je li moguće postići perspektivnu transformaciju ispunjene slike prilagođavanjem položaja pravokutne mreže u Fabric.js?

Pokušavam postići nešto slično gornjoj slici u Fabric.js...

Odgovor

Čitaj više →

javascript - fabricjs, nakon rotacije objekta je li moguće dobiti lijevu, gornju i desnu poziciju virtualnog pravokutnika

Nakon rotiranja objekta, je li moguće dobiti lijevu, gornju i desnu poziciju virtualnog pravokutnika?

Odgovor #1

Ono što tražite je ograničavajući pravokutnik vašeg objekta:

getB

Čitaj više →

Rollup TypeScript: deklaracije u dist + cjs + es

Pokušavam pakirati TypeScript knjižnicu koristeći rollup s deklaracijskim (d.ts) datotekama, i želim generirati i cjs i es verzije.

Dakle, smislio sam ovu konfiguraciju za Rollup:

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 packagePlugi

Čitaj više →

node.js - Kako konfigurirati TS da dopušta uvoze iz CJS u ES module (node-fetch i Express)?

Pokušavam pokrenuti dvije biblioteke u jednom projektu: fetch-node, koja je ES modul, i Express, koji je CommonJS. Problem je u tome što moram uvesti fetch-node ovako:

import fetch from 'node-fetch';

ali

Čitaj više →

javascript - kinetički oblik u typescriptu

Pokušavam stvoriti oblik temeljen na sljedećem JavaScript kodu za KineticJS:

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 });

Ovo je p

Čitaj više →

javascript - Zadano instanciranje klase rezultira TypeError-om (ESM/CJS interoperabilnost)

Sažetak problema

Bok,

Imam TypeScript projekt u kojem pokušavam instancirati klasu koja je bila zadani izvoz iz drugog paketa. Moj projekt pišem u ESM sintaksi, dok paket na kojem ovisi ima CJS izlaz. Problem na koji nailazim je da u runtimeu

Čitaj više →

Izgradnja cjs i esm pomoću TypeScript projekta s referencama u monorepu

Imam postavljen i pokrenut prototip monorepa u TypeScriptu s cjs, yarn radnim prostorima i referencama na projekte koristeći inkrementalne izgradnje:

https://github.com/rosskevin/learn-a/tree/build-cjs-esm

Budući da tsc -b koristi zadani tsco

Čitaj više →

javascript - Kako kliknuti kroz fabricjs objekt da biste odabrali objekt ispod njega (bez korištenja svojstva evented)

Kako učiniti da objekt u fabricjs bude 'zaključan' tako da:

  1. Nije odabirljivo (obj.selectable=false)
  2. Omogućuje 'mousedown' događaj za desni klik (obj.evented mora biti true)
  3. Nema stanja/događaja lebdenja (miš ne prepoznaje ovaj objekt pri lebdenju niti mijenja pokazivač)
  4. Omogućuje mišu da klikne objekte ispod njega (miš može pristupiti objektima kroz njega)

Pokušao sam pronaći kod koji se bavi svojstvom 'evented', ali ga nisam mogao pronaći u izvo

Čitaj više →

angular - Kako spriječiti skaliranje teksta prilikom promjene veličine tekstualnog okvira s fabricjs

Nov sam u FabricJs-u i moja zabrinutost se odnosi na promjenu veličine tekstualnog okvira - imam sljedeće rješenje koje omogućuje promjenu veličine tekstualnog okvira okomito i vodoravno, ali ne istovremeno. Pokušavao sam pronaći rješenje koje čini oboje u isto vrijeme bez promjene veli

Čitaj više →

ES6 moduli - Može li TypeScript uvesti i ESM i CJS ovisnosti?

Pišem TypeScript aplikaciju koja koristi ovisnosti instalirane putem NPM-a:

  • neke od ovih ovisnosti se izvoze putem CJS-a
  • neke od ovih ovisnosti se izvoze putem ESM-a

Postoji li tsconfig.json konfiguracija koja bi mi omogućila transparentno korištenje svih ovih ovisno

Čitaj više →