javascript - Transformación de perspectiva de un objeto relleno con imagen en fabricjs

Tenemos algunos objetos llenos con fuente de imagen. ¿Es posible lograr una transformación de perspectiva de la imagen rellena ajustando las posiciones de la cuadrícula rectangular en Fabric JS?

Estoy intentando lograr algo similar a la imagen de arriba en Fabric JS...

Leer más →

javascript - fabricjs, después de rotar el objeto, ¿es posible obtener la posición izquierda, superior y derecha del rectángulo virtual?

Después de rotar un objeto, ¿es posible obtener la posición izquierda, superior y derecha del rectángulo virtual?

Respuesta #1

Lo que estás buscando es el rectángulo delimitador de tu objeto:

Leer más →

Rollup TypeScript: declaraciones en dist + cjs + es

Estoy tratando de empaquetar una biblioteca de TypeScript usando rollup con archivos de declaración (d.ts), y quiero generar tanto versiones cjs como es.

Así que se me ocurrió esta configuración de 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-typescr

Leer más →

node.js - ¿Cómo configurar TS para permitir importaciones de CJS a módulos ES (node-fetch y Express)?

Estoy intentando hacer que dos bibliotecas funcionen en un proyecto: fetch-node, que es un módulo ES, y Express, que es CommonJS. El problema es que tengo que importar fetch-node de la siguiente manera:

import fetch fro

Leer más →

javascript - forma de KineticJS en TypeScript

Estoy intentando crear una forma basada en el siguiente código de JavaScript de 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 });

Leer más →

javascript - La instanciación de clase por defecto resulta en TypeError (interoperabilidad ESM/CJS)

Resumen del problema

Hola,

Tengo un proyecto en TypeScript donde estoy intentando instanciar una clase que era la exportación por defecto de un paquete diferente. Estoy escribiendo mi proyecto en sintaxis ESM, mientras que el paquete del que

Leer más →

Construyendo cjs y esm usando referencias de proyectos de TypeScript en un monorrepositorio

Tengo un prototipo de monorepositorio en TypeScript configurado y funcionando con cjs, espacios de trabajo de Yarn y referencias de proyecto usando compilaciones incrementales:

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

Dado que tsc -b

Leer más →

javascript - Cómo hacer clic a través de un objeto de fabricjs para seleccionar el objeto que está debajo (sin usar la propiedad evented)

¿Cómo haces que un objeto de fabricjs esté "bloqueado" de manera que:

1. No es seleccionable (obj.selectable=false)
2. Permite el evento 'mousedown' para clic derecho (obj.evented debe ser verdadero)
3. Sin estado/evento de desplazamiento (el ratón no detecta este objeto al pasar sobre él ni cambia el cursor)
4. Permite que el ratón haga clic en los objetos debajo de él (el ratón puede acceder a los objetos a través de él)

Intenté buscar el código que maneja

Leer más →

angular - Cómo evitar el escalado de texto al cambiar el tamaño del cuadro de texto con fabricjs

Soy nuevo en FabricJs y mi preocupación es sobre cambiar el tamaño del cuadro de texto. Tengo la siguiente solución que permite cambiar el tamaño del cuadro de texto vertical y horizontalmente, pero no al mismo tiempo. He estado tratando de encontrar una solución que haga ambas cosas al

Leer más →

módulos es6 - ¿Puede TypeScript importar dependencias ESM y CJS?

Estoy escribiendo una aplicación en TypeScript que utiliza dependencias instaladas con NPM:

• algunas de estas dependencias se exportan a través de CJS
• algunas de estas dependencias se exportan a través de ESM

¿Hay una configuración de tsconfig.json que me permita usar

Leer más →