javascript - Perspektívna transformácia objektu vyplneného obrázkom vo fabricjs
Máme niekoľko objektov naplnených zdrojom obrázka. Je možné dosiahnuť perspektívnu transformáciu naplneného obrázka úpravou pozícií obdĺžnikovej siete vo Fabric JS?
Snažím sa dosiahnuť niečo podobné ako na obrázku vyššie vo Fabric JS...
O Čítaj viac →
javascript - fabricjs, po otočení objektu je možné získať ľavú, hornú a pravú pozíciu virtuálneho obdĺžnika
Je po otočení objektu možné získať ľavú, hornú a pravú pozíciu virtuálneho obdĺžnika?
Odpoveď č. 1
To, čo hľadáte, je ohraničujúci obdĺžnik vášho objektu:
getBoundingRect
Čítaj viac →Rollup TypeScript: deklarácie v dist + cjs + es
Snažím sa zabaliť knižnicu TypeScript pomocou rollupu s deklaráciami (d.ts súbory) a chcem vyprodukovať verzie cjs aj es.
Tak som prišiel s touto konfiguráciou 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 packagePlugin = require( Čítaj viac →node.js - Ako nakonfigurovať TS, aby povoľoval importy z CJS do ES modulov (node-fetch a Express)?
Snažím sa spustiť dve knižnice v jednom projekte: fetch-node, ktorá je ES modul, a Express, ktorý je CommonJS. Problém je v tom, že musím importovať fetch-node takto:
import fetch from 'node-fetch';ale
Čítaj viac →javascript - tvar KineticJS v TypeScripte
Snažím sa vytvoriť tvar na základe nasledujúceho kódu JavaScriptu 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 je
Čítaj viac →javascript - Predvolená inštancia triedy vedie k TypeError (ESM/CJS interoperabilita)
Zhrnutie problému
Ahoj,
Mám projekt v TypeScripte, kde sa snažím vytvoriť inštanciu triedy, ktorá bola predvoleným exportom z iného balíka. Píšem svoj projekt v syntaxi ESM, zatiaľ čo balík, na ktorom závisí, má výstup CJS. Problém, na ktorý
Čítaj viac →Buildovanie cjs a esm pomocou odkazov na projekty TypeScript v monorepe
Mám nastavený a bežiaci prototyp monorepo v TypeScripte s CJS, Yarn workspaces a referenciami projektov používajúcimi inkrementálne zostavenia:
https://github.com/rosskevin/learn-a/tree/build-cjs-esm
Keďže tsc -b používa predvolený tsconfig.j
Čítaj viac →javascript - Ako kliknúť cez objekt fabricjs a vybrať objekt pod ním (bez použitia vlastnosti evented)
Ako urobiť objekt fabricjs „zamknutý“ tak, že:
- Nie je možné vybrať (obj.selectable=false)
- Umožňuje udalosť 'mousedown' pre pravé tlačidlo myši (obj.evented musí byť pravda)
- Žiadny stav/udalosť pri prechode myšou (myš tento objekt pri prechode nezaznamenáva ani nemení kurzor)
- Umožňuje myši kliknúť na objekty pod ním (myš môže pristupovať k objektom cez neho)
Skúsil som hľadať kód, ktorý sa zaoberá vlastnosťou 'evented', ale nemohol som ho nájsť v
Čítaj viac →angular - Ako zabrániť škálovaniu textu pri zmene veľkosti textového poľa pomocou fabricjs
Som nováčikom vo FabricJs a moja obava sa týka zmeny veľkosti textového poľa - mám nasledujúce riešenie, ktoré umožňuje meniť veľkosť textového poľa vertikálne aj horizontálne, ale nie súčasne. Snažil som sa nájsť riešenie, ktoré umožní oboje naraz bez zmeny veľkosti textu. Môžete mi pr
Čítaj viac →moduly ES6 - Môže TypeScript importovať závislosti ESM aj CJS?
Píšem aplikáciu v TypeScripte, ktorá používa závislosti nainštalované cez NPM:
- niektoré z týchto závislostí sa exportujú cez CJS
- niektoré z týchto závislostí sa exportujú cez ESM
Existuje nejaká konfigurácia tsconfig.json, ktorá by mi umožnila transparentne používať
Čítaj viac →