javascript - Perspektivtransformation av objekt fyllt med bild i fabricjs

Vi har några objekt fyllda med bildkälla. Är det möjligt att uppnå perspektivtransformation av den fyllda bilden genom att justera rektangulära rutnätspositioner i Fabric.js?

jag försöker uppnå något liknande som bilden ovan i fabric js....

Läs mer →

javascript - fabricjs, efter att ha roterat objektet är det möjligt att få vänster, topp och höger position för den virtuella rektangeln

Efter att ha roterat objektet, är det möjligt att få vänster, topp och höger position av den virtuella rektangeln?

Svar #1

Det du letar efter är begränsningsrektangeln för ditt objekt:

Läs mer →

Rollup TypeScript: deklarationer i dist + cjs + es

Jag försöker paketera ett TypeScript-bibliotek med rollup med deklarationsfiler (d.ts), och jag vill exportera både cjs- och es-versioner.

Så jag kom på den här rollup-konfigurationen:

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 package

Läs mer →

node.js - Hur man konfigurerar TS för att tillåta import från CJS till ES-moduler (node-fetch & Express)?

Jag försöker få två bibliotek att köra i ett projekt: fetch-node, som är ett ES-modul, och Express, som är CommonJS. Problemet är att jag måste importera fetch-node så här:

import fetch from 'node-fetch';

Läs mer →

javascript - kineticjs-form i typescript

Jag försöker skapa en form baserad på följande kineticjs JavaScript-kod:

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

Detta är ett

Läs mer →

javascript - Standardklassinstansiering resulterar i TypeError (ESM/CJS interoperabilitet)

Sammanfattning av problemet

Hej,

Jag har ett TypeScript-projekt där jag försöker instansiera en klass som var standardexporten från ett annat paket. Jag skriver mitt projekt i ESM-syntax, medan paketet som det är beroende av har CJS-utdata. P

Läs mer →

Bygger cjs och esm med hjälp av TypeScript-projektreferenser i ett monorepo

Jag har en TypeScript-monorepo prototypsättning uppsatt och igång med CJS, Yarn-arbetsytor och projektreferenser som använder inkrementella byggen:

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

Eftersom tsc -b använder standard tsco

Läs mer →

javascript - Hur man klickar igenom ett fabricjs-objekt för att välja objektet under det (utan att använda egenskapen evented)

Hur gör man ett FabricJS-objekt "låst" så att:

  1. Det är inte valt (obj.selectable=false)
  2. Tillåter 'mousedown'-händelse för högerklick (obj.evented måste vara sant)
  3. Ingen hover-tillstånd/händelse (musen känner inte av detta objekt vid hover eller ändrar markören)
  4. Tillåter musen att klicka på objekt under den (musen kan komma åt objekt genom den)

Jag försökte leta efter koden som hanterar 'evented'-egenskapen men jag kunde inte hitta den i källkoden.

Läs mer →

angular - Hur man förhindrar att text skalar när man ändrar storlek på textruta med fabricjs

Jag är ny på FabricJs och min oro gäller att ändra storlek på textrutan - jag har följande lösning som gör det möjligt att ändra storlek på textrutan vertikalt och horisontellt, men inte samtidigt. Jag har försökt hitta en lösning som gör båda samtidigt utan att texten förändras i storl

Läs mer →

es6-moduler - Kan TypeScript importera både ESM- och CJS-beroenden?

Jag skriver en TypeScript-applikation som använder beroenden installerade med NPM:

  • vissa av dessa beroenden exporterar via CJS
  • vissa av dessa beroenden exporterar via ESM

Finns det en tsconfig.json-konfiguration som skulle låta mig använda alla dessa beroenden transp

Läs mer →