javascript - Trasformazione prospettica di un oggetto riempito con immagine in fabricjs

Abbiamo alcuni oggetti riempiti con una sorgente immagine. È possibile ottenere la trasformazione prospettica dell'immagine riempita regolando le posizioni della griglia rettangolare in Fabric JS?

Sto cercando di ottenere qualcosa di simile all'immagine sopra in Fabric JS..

Continua a leggere →

javascript - fabricjs, dopo aver ruotato un oggetto, è possibile ottenere la posizione left, top e right del rettangolo virtuale

Dopo aver ruotato l'oggetto, è possibile ottenere la posizione sinistra, superiore e destra del rettangolo virtuale?

Risposta n. 1

Quello che stai cercando è il rettangolo di delimitazione del tuo oggetto

Continua a leggere →

Rollup TypeScript: dichiarazioni in dist + cjs + es

Sto cercando di confezionare una libreria TypeScript usando rollup con file di dichiarazione (d.ts), e voglio generare sia versioni cjs che es.

Quindi ho ideato questa configurazione di 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'); cons

Continua a leggere →

node.js - Come configurare TS per consentire importazioni da CJS a moduli ES (node-fetch & Express)?

Sto cercando di far funzionare due librerie in un unico progetto: fetch-node, che è un modulo ES, ed Express, che è CommonJS. Il problema è che devo importare fetch-node in questo modo:

import fetch from 'node-fetch';

Continua a leggere →

javascript - forma kineticjs in typescript

Sto cercando di creare una forma basata sul seguente codice 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 });

Que

Continua a leggere →

javascript - L'istanziazione predefinita della classe risulta in TypeError (interop ESM/CJS)

Riepilogo del problema

Ciao,

Ho un progetto TypeScript in cui sto cercando di istanziare una classe che era l'export predefinito di un pacchetto diverso. Sto scrivendo il mio progetto in sintassi ESM, mentre il pacchetto da cui dipende ha un

Continua a leggere →

Costruire cjs ed esm usando i riferimenti del progetto TypeScript in un monorepo

Ho un prototipo di monorepo TypeScript configurato e funzionante con cjs, workspace di yarn e riferimenti di progetto utilizzando build incrementali:

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

Poiché tsc -b utilizza il tsconfig.j

Continua a leggere →

javascript - Come cliccare attraverso un oggetto fabricjs per selezionare l'oggetto sotto di esso (senza usare la proprietà evented)

Come si fa sì che un oggetto fabricjs sia "bloccato" in modo tale che:

1. Non è selezionabile (obj.selectable=false)
2. Consente l'evento 'mousedown' per il clic destro (obj.evented deve essere true)
3. Nessuno stato/evento al passaggio del mouse (il mouse non rileva questo oggetto al passaggio o non cambia il cursore)
4. Permette al mouse di cliccare sugli oggetti sottostanti (il mouse può accedere agli oggetti attraverso di esso)

Ho provato a cercare il co

Continua a leggere →

angular - Come prevenire la scalatura del testo quando si ridimensiona una casella di testo con fabricjs

Sono nuovo a FabricJs e la mia preoccupazione riguarda il ridimensionamento della casella di testo - ho la seguente soluzione che consente di ridimensionare la casella di testo verticalmente e orizzontalmente, ma non contemporaneamente. Ho cercato di trovare una soluzione che faccia ent

Continua a leggere →

moduli ES6 - TypeScript può importare sia dipendenze ESM che CJS?

Sto scrivendo un'applicazione TypeScript che utilizza dipendenze installate con NPM:

• alcune di queste dipendenze vengono esportate tramite CJS
• alcune di queste dipendenze vengono esportate tramite ESM

Esiste una configurazione tsconfig.json che mi permetta di usare t

Continua a leggere →