javascript - Transformation de perspective d'un objet rempli avec une image dans fabricjs

Nous avons des objets remplis avec une source d'image. Est-il possible de réaliser une transformation de perspective de l'image remplie en ajustant les positions de la grille rectangulaire dans Fabric.js ?

J'essaie d'obtenir quelque chose de similaire à l'image ci-dessus da

Lire la suite →

javascript - fabricjs, après avoir fait pivoter un objet, est-il possible d'obtenir les positions gauche, haut et droite du rectangle virtuel

Après avoir fait tourner un objet, est-il possible d'obtenir les positions gauche, haut et droite du rectangle virtuel ?

Réponse n°1

Ce que vous cherchez est le rectangle englobant de votre objet :

Lire la suite →

Rollup TypeScript : déclarations dans dist + cjs + es

J'essaie de packager une bibliothèque TypeScript en utilisant rollup avec des fichiers de déclaration (d.ts), et je veux produire à la fois des versions cjs et es.

Alors j'ai élaboré cette configuration 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-t

Lire la suite →

node.js - Comment configurer TS pour autoriser les importations de CJS vers des modules ES (node-fetch & Express) ?

J'essaie de faire fonctionner deux bibliothèques dans un seul projet : fetch-node, qui est un module ES, et Express, qui est CommonJS. Le problème est que je dois importer fetch-node comme ceci :

import fetch from 'node

Lire la suite →

javascript - forme KineticJS en TypeScript

J'essaie de créer une forme basée sur le code JavaScript kineticjs suivant :

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

Ceci est

Lire la suite →

javascript - L'instanciation de classe par défaut entraîne une TypeError (interop ESM/CJS)

Résumé du problème

Salut,

J'ai un projet TypeScript dans lequel j'essaie d'instancier une classe qui était l'exportation par défaut d'un autre package. J'écris mon projet en syntaxe ESM, tandis que le package dont il dépend a une sortie CJS.

Lire la suite →

Construction de cjs et esm en utilisant les références de projet TypeScript dans un monorepo

J'ai une configuration prototype de monorepo TypeScript opérationnelle avec CJS, des workspaces Yarn et des références de projet utilisant des compilations incrémentielles :

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

Puisque tsc -b uti

Lire la suite →

javascript - Comment cliquer à travers un objet fabricjs pour sélectionner l'objet en dessous (sans utiliser la propriété evented)

Comment rendre un objet fabricjs « verrouillé » de telle sorte que :

1. Ce n'est pas sélectionnable (obj.selectable=false)
2. Permet l'événement 'mousedown' pour le clic droit (obj.evented doit être vrai)
3. Aucun état/événement au survol (la souris ne détecte pas cet objet au survol ni ne change le curseur)
4. Permet à la souris de cliquer sur les objets en dessous (la souris peut accéder aux objets à travers lui)

J'ai essayé de chercher le code qui s'occup

Lire la suite →

angular - Comment empêcher la mise à l'échelle du texte lors du redimensionnement d'une zone de texte avec fabricjs

Je suis nouveau dans FabricJs et mon inquiétude concerne le redimensionnement de la zone de texte - j'ai la solution suivante qui permet de redimensionner la zone de texte verticalement et horizontalement, mais pas en même temps. J'ai essayé de trouver une solution qui fasse les deux en

Lire la suite →

Modules ES6 - TypeScript peut-il importer à la fois des dépendances ESM et CJS ?

Je suis en train d'écrire une application TypeScript qui utilise des dépendances installées avec NPM :

• certaines de ces dépendances s'exportent via CJS
• certaines de ces dépendances s'exportent via ESM

Existe-t-il une configuration tsconfig.json qui me permettrait d'u

Lire la suite →