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

Nous avons certains objets remplis avec une source d'image. Est-il possible de réaliser une transformation en 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-dess

Lire la suite →

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

Après avoir fait pivoter l'objet, est-il possible d'obtenir la position gauche, haut et droite du rectangle virtuel ?

Réponse #1

Ce que vous cherchez est le rectengle délimitant de votre objet :

Lire la suite →

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

J'essaie d'emballer 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.

Donc j'ai proposé 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-typ

Lire la suite →

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

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

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 où j'essaie d'instancier une classe qui était l'exportation par défaut d'un autre paquet. J'écris mon projet en syntaxe ESM, tandis que le paquet dont il dépend a une sortie CJS. Le problème

Lire la suite →

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

J’ai un prototype de monorepo TypeScript configuré et fonctionnel avec cjs, les workspaces Yarn et les références de projets utilisant des builds incrémentiels :

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

Puisque tsc -b utilise le

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 manière à :

  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 lors du survol et ne change pas le curseur)
  4. Permet à la souris de cliquer sur les objets situés en dessous (la souris peut accéder aux objets à travers lui)

J'ai essayé de chercher le code q

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 ma préoccupation 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'essaie 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 exportent via ESM

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

Lire la suite →