javascript - Perspektivtransformation af objekt fyldt med billede i fabricjs

Vi har nogle objekter fyldt med billedkilde. Er det muligt at opnå perspektivtransformation af det fyldte billede ved at justere positionerne på det rektangulære gitter i Fabric.js?

Jeg forsøger at opnå noget lignende som billedet ovenfor i Fabric JS....

Læs mere →

javascript - fabricjs, efter at have roteret objektet, er det muligt at få venstre, top og højre position af det virtuelle rektangel

Efter at have roteret objektet, er det muligt at få venstre, top og højre position af den virtuelle rektangel?

Svar #1

Det, du leder efter, er begrænsningsrektanglet af dit objekt:

Læs mere →

Rollup TypeScript: deklarationer i dist + cjs + es

Jeg forsøger at pakke et TypeScript-bibliotek ved hjælp af rollup med deklarationsfiler (d.ts), og jeg vil udgive både cjs- og es-versioner.

Så jeg kom op med denne rollup-konfiguration:

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 packa

Læs mere →

node.js - Hvordan konfigurerer man TS til at tillade imports fra CJS til ES-moduler (node-fetch & Express)?

Jeg prøver at få to biblioteker til at køre i ét projekt: fetch-node, som er et ES-modul, og Express, som er CommonJS. Problemet er, at jeg skal importere fetch-node på følgende måde:

import fetch from 'node-fetch';

Læs mere →

javascript - kineticjs form i typescript

Jeg prøver at skabe en form baseret på følgende kineticjs JavaScript-kode:

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

Dette er e

Læs mere →

javascript - Standard klasseinstansiering resulterer i TypeError (ESM/CJS interoperabilitet)

Sagsoversigt

Hej,

Jeg har et TypeScript-projekt, hvor jeg forsøger at instantiere en klasse, som var standardeksporten fra en anden pakke. Jeg skriver mit projekt i ESM-syntaks, mens pakken, det afhænger af, har CJS-output. Problemet, jeg stø

Læs mere →

Bygger cjs og esm ved hjælp af TypeScript-projektreferencer i en monorepo

Jeg har et TypeScript monorepo prototypeopsætning, der kører med cjs, yarn workspaces og projektreferencer ved brug af inkrementelle builds:

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

Da tsc -b bruger den standard tsconfig.json

Læs mere →

javascript - Hvordan man klikker igennem et fabricjs-objekt for at vælge objektet under det (uden at bruge evented-egenskaben)

Hvordan gør man et FabricJS-objekt “låst”, sådan at:

  1. Det er ikke valgbar (obj.selectable=false)
  2. Tillader 'mousedown'-begivenhed for højreklik (obj.evented skal være sand)
  3. Ingen hover-tilstand/-begivenhed (musen registrerer ikke dette objekt ved hovering eller ændrer markøren)
  4. Giver musen mulighed for at klikke på objekter under den (musen kan få adgang til objekter gennem den)

Jeg prøvede at lede efter koden, der håndterer 'evented'-egenskaben, m

Læs mere →

angular - Hvordan man forhindrer tekst i at skalere, når man ændrer størrelsen på en tekstboks med fabricjs

Jeg er ny til FabricJs, og min bekymring vedrører ændring af størrelsen på tekstboksen - jeg har følgende løsning, der gør det muligt at ændre størrelsen på tekstboksen lodret og vandret, men ikke på samme tid. Jeg har forsøgt at finde en løsning, der gør begge dele på samme tid uden at

Læs mere →

es6-moduler - Kan TypeScript importere både ESM- og CJS-afhængigheder?

Jeg skriver en TypeScript-applikation, der bruger afhængigheder installeret med NPM:

  • nogle af disse afhængigheder eksporterer via CJS
  • nogle af disse afhængigheder eksporterer via ESM

Findes der en tsconfig.json-konfiguration, der ville lade mig bruge alle disse afhæn

Læs mere →