javascript - Transformação de Perspetiva de objeto preenchido com imagem em fabricjs

Temos alguns objetos preenchidos com fonte de imagem. É possível realizar a transformação de perspectiva da imagem preenchida ajustando as posições da grelha retangular no fabric js?

Estou a tentar alcançar algo semelhante à imagem acima em fabric js....

Ler mais →

javascript - fabricjs, após rodar um objeto, é possível obter a posição esquerda, superior e direita do retângulo virtual

Depois de rodar o objeto, é possível obter a posição esquerda, superior e direita do retângulo virtual?

Resposta #1

O que você está a procurar é o rectângulo delimitador do seu objeto:

Ler mais →

Rollup TypeScript: declarações em dist + cjs + es

Estou a tentar embalar uma biblioteca TypeScript usando rollup com ficheiros de declaração (d.ts), e quero gerar versões cjs e es.

Então eu elaborei esta configuração do 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

Ler mais →

node.js - Como configurar o TS para permitir importações de CJS para módulos ES (node-fetch & Express)?

Estou a tentar fazer com que duas bibliotecas funcionem num único projeto: fetch-node, que é um módulo ES, e Express, que é CommonJS. O problema é que tenho de importar fetch-node desta forma:

import fetch from 'node-fe

Ler mais →

javascript - forma kineticjs em typescript

Estou a tentar criar uma forma baseada no seguinte código JavaScript do 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 });

Is

Ler mais →

javascript - A instanciação de classe por defeito resulta em TypeError (interop ESM/CJS)

Resumo do Problema

Olá,

Tenho um projeto em TypeScript onde estou a tentar instanciar uma classe que era a exportação padrão de um pacote diferente. Estou a escrever o meu projeto em sintaxe ESM, enquanto o pacote do qual depende tem saída CJ

Ler mais →

Construir cjs e esm usando referências de projeto TypeScript num monorepo

Tenho um protótipo de monorepo em TypeScript configurado e a funcionar com CJS, workspaces do Yarn e referências de projeto usando builds incrementais:

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

Como tsc -b usa o tsconfig.json

Ler mais →

javascript - Como clicar através de um objeto fabricjs para selecionar o objeto por baixo (sem usar a propriedade evented)

Como fazer com que um objeto fabricjs fique "bloqueado" de forma que:

  1. Não é selecionável (obj.selectable=false)
  2. Permite o evento 'mousedown' para o clique direito (obj.evented deve ser true)
  3. Sem estado/evento de hover (o rato não deteta este objeto ao passar por cima nem altera o cursor)
  4. Permite que o rato clique em objetos por baixo dele (o rato pode aceder a objetos através dele)

Tentei procurar o código que lida com a propriedade 'evented', ma

Ler mais →

angular - Como evitar a escala de texto ao redimensionar a caixa de texto com fabricjs

Sou novo no FabricJs e a minha preocupação é em relação ao redimensionamento da caixa de texto - tenho a seguinte solução que permite redimensionar a caixa de texto vertical e horizontalmente, mas não ao mesmo tempo. Tenho tentado encontrar uma solução que faça ambos ao mesmo tempo sem

Ler mais →

módulos ES6 - O TypeScript pode importar dependências ESM e CJS?

Estou a escrever uma aplicação TypeScript que utiliza dependências instaladas com NPM:

  • algumas destas dependências exportam via CJS
  • algumas destas dependências exportam via ESM

Existe alguma configuração tsconfig.json que me permitisse usar todas estas dependências d

Ler mais →