javascript - Transformarea perspectivă a unui obiect umplut cu imagine în fabricjs

Avem câteva obiecte umplute cu sursa imaginii. Este posibil să realizăm o transformare în perspectivă a imaginii umplute prin ajustarea pozițiilor grilei dreptunghiulare în Fabric JS?

Încerc să realizez ceva similar cu imaginea de mai sus în Fabric JS...

Citeste mai mult →

javascript - fabricjs, după rotirea obiectului, este posibil să obții poziția stângă, de sus și dreaptă a dreptunghiului virtual

După rotirea obiectului, este posibil să obții poziția stângă, sus și dreaptă a dreptunghiului virtual?

Răspuns #1

Ceea ce cauți este dreptunghiul delimitator al obiectului tău:

Citeste mai mult →

Rollup TypeScript: declarații în dist + cjs + es

Încerc să împachetez o bibliotecă TypeScript folosind rollup cu fișiere de declarație (d.ts) și vreau să obțin atât versiuni cjs cât și es.

Așa că am venit cu această configurație 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 pack

Citeste mai mult →

node.js - Cum să configurezi TS pentru a permite importurile din module CJS în module ES (node-fetch & Express)?

Încerc să fac două biblioteci să ruleze într-un singur proiect: fetch-node, care este un modul ES, și Express, care este CommonJS. Problema este că trebuie să import fetch-node astfel:

import fetch from 'node-fetch';

Citeste mai mult →

javascript - formă KineticJS în TypeScript

Încerc să creez o formă bazată pe următorul cod JavaScript 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 });

Acesta este un

Citeste mai mult →

javascript - Instanțierea implicită a clasei rezultă în TypeError (interoperabilitate ESM/CJS)

Rezumatul problemei

Salut,

Am un proiect TypeScript în care încerc să instanțiez o clasă care a fost exportul implicit al unui alt pachet. Scriu proiectul meu în sintaxa ESM, în timp ce pachetul de care depinde are ieșire CJS. Problema cu car

Citeste mai mult →

Construirea cjs și esm folosind referințele proiectului TypeScript într-un monorepo

Am un prototip de monorepo TypeScript configurat și funcțional cu cjs, spații de lucru Yarn și referințe de proiect folosind construiri incrementale:

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

Deoarece tsc -b folosește tsconfig.j

Citeste mai mult →

javascript - Cum să dai clic printr-un obiect fabricjs pentru a selecta obiectul de sub el (fără a folosi proprietatea evented)

Cum faci ca un obiect fabricjs să fie „blocat” astfel încât:

  1. Nu este selectabil (obj.selectable=false)
  2. Permite evenimentul „mousedown” pentru clic dreapta (obj.evented trebuie să fie adevărat)
  3. Fără stare/eveniment la trecerea mouse-ului (mouse-ul nu detectează acest obiect la trecere sau nu schimbă cursorul)
  4. Permite mouse-ului să facă clic pe obiectele de sub el (mouse-ul poate accesa obiectele prin el)

Am încercat să caut codul care se ocupă de

Citeste mai mult →

angular - Cum să previi scalarea textului atunci când redimensionezi caseta de text cu fabricjs

Sunt nou în FabricJs și problema mea este legată de redimensionarea casetei de text - am următoarea soluție care permite redimensionarea casetei de text vertical și orizontal, dar nu în același timp. Am încercat să găsesc o soluție care face ambele în același timp fără ca textul să fie

Citeste mai mult →

module ES6 - Poate TypeScript să importe atât dependențe ESM cât și CJS?

Scriu o aplicație TypeScript care folosește dependențe instalate cu NPM:

  • unele dintre aceste dependențe exportă prin CJS
  • unele dintre aceste dependențe exportă prin ESM

Există o configurație tsconfig.json care mi-ar permite să folosesc transparent toate aceste depend

Citeste mai mult →