javascript - Perspektivní transformace objektu vyplněného obrázkem ve fabricjs

Máme několik objektů naplněných obrazovým zdrojem. Je možné dosáhnout perspektivní transformace naplněného obrazu úpravou pozic obdélníkové sítě ve fabric js?

Snažím se dosáhnout něčeho podobného jako na výše uvedeném obrázku ve Fabric.js....

Přečtěte si více →

javascript - fabricjs, je možné po otočení objektu získat levou, horní a pravou pozici virtuálního obdélníku

Po otočení objektu je možné získat levé, horní a pravé umístění virtuálního obdélníku?

Odpověď č. 1

To, co hledáte, je ohraničující obdélník vašeho objektu:

getBoundingRect

Přečtěte si více →

Rollup TypeScript: deklarace v dist + cjs + es

Snažím se zabalení knihovny TypeScript pomocí rollupu s deklaracemi (d.ts) a chci vytvořit výstupy ve verzích cjs i es.

Takže jsem přišel s tímto konfiguračním souborem pro 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 packagePlug

Přečtěte si více →

node.js - Jak nakonfigurovat TS, aby povoloval importy z CJS do ES modulů (node-fetch & Express)?

Snažím se spustit dvě knihovny v jednom projektu: fetch-node, což je modul ES, a Express, který je CommonJS. Problém je v tom, že musím importovat fetch-node takto:

import fetch from 'node-fetch';

ale Ex

Přečtěte si více →

javascript - tvar KineticJS v TypeScriptu

Snažím se vytvořit tvar na základě následujícího kódu JavaScriptu v 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 });

Toto j

Přečtěte si více →

javascript - Výchozí vytvoření instance třídy způsobuje TypeError (ESM/CJS interoperabilita)

Shrnutí problému

Ahoj,

Mám projekt v TypeScriptu, ve kterém se snažím vytvořit instanci třídy, která byla výchozím exportem jiného balíčku. Svojí projekt píšu v syntaxi ESM, zatímco balíček, na kterém závisí, má výstup v CJS. Problém, na kter

Přečtěte si více →

Sestavování cjs a esm pomocí odkazů na projekty TypeScript v monorepu

Mám prototypní nastavení monorepa v TypeScriptu, které je funkční s CJS, Yarn workspaces a projektovými odkazy používajícími inkrementální sestavení:

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

Jelikož tsc -b používá výchozí tscon

Přečtěte si více →

javascript - Jak kliknout přes objekt fabricjs, aby se vybral objekt pod ním (bez použití vlastnosti evented)

Jak udělat objekt fabricjs „uzamčený“ tak, že:

1. Není vybratelné (obj.selectable=false)
2. Umožňuje událost 'mousedown' pro pravé tlačítko myši (obj.evented musí být true)
3. Žádný stav/událost při přejetí (myš tento objekt při přejetí nezaznamená ani nezmění kurzor)
4. Umožňuje myši klikat na objekty pod ním (myš může objekty přes něj přistupovat)

Snažil jsem se najít kód, který se zabývá vlastností 'evented', ale v zdrojovém kódu jsem ho nemohl najít. Vla

Přečtěte si více →

angular - Jak zabránit škálování textu při změně velikosti textového pole pomocí fabricjs

Jsem nový ve FabricJs a můj problém se týká změny velikosti textového pole - mám následující řešení, které umožňuje měnit velikost textového pole vertikálně a horizontálně, ale ne současně. Snažil jsem se najít řešení, které umožňuje obojí najednou, aniž by se změnil velikost textu. Můž

Přečtěte si více →

ES6 moduly - Může TypeScript importovat jak ESM, tak CJS závislosti?

Píši aplikaci v TypeScriptu, která využívá závislosti nainstalované pomocí NPM:

• některé z těchto závislostí exportují přes CJS
• některé z těchto závislostí exportují přes ESM

Existuje nějaká konfigurace tsconfig.json, která by mi umožnila transparentně používat všechn

Přečtěte si více →