Pesquisa de site

javascript - Transformação de Perspectiva de objeto preenchido com imagem no 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 grade retangular no fabric js?

Estou tentando alcançar algo semelhante à imagem acima no Fabric JS....

Consulte Mais informação →

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

Após rotacionar o objeto, é possível obter a posição esquerda, superior e direita do retângulo virtual?

Resposta #1

O que você está procurando é o retângulo delimitador do seu objeto:

Consulte Mais informação →

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

Estou tentando empacotar uma biblioteca TypeScript usando rollup com arquivos de declaração (d.ts), e quero gerar tanto versões cjs quanto 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 pa

Consulte Mais informação →

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

Estou tentando fazer duas bibliotecas rodarem em um projeto: fetch-node, que é um módulo ES, e o Express, que é CommonJS. O problema é que eu preciso importar fetch-node assim:

import fetch from 'node-fetch';

Consulte Mais informação →

javascript - forma do kineticjs em typescript

Estou tentando criar uma forma com base 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 });

E

Consulte Mais informação →

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

Resumo do Problema

Oi,

Eu tenho um projeto TypeScript onde estou tentando instanciar uma classe que era a exportação padrão de um pacote diferente. Estou escrevendo meu projeto usando a sintaxe ESM, enquanto o pacote do qual ele depende tem s

Consulte Mais informação →

Construindo cjs e esm usando referências de projeto TypeScript em um monorepo

Eu tenho um protótipo de monorepo em TypeScript configurado e funcionando 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

Consulte Mais informação →

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

Como você faz um objeto do fabricjs ficar "bloqueado" de forma que:

  1. Não é selecionável (obj.selectable=false)
  2. Permite o evento 'mousedown' para clique com o botão direito (obj.evented deve ser verdadeiro)
  3. Sem estado/evento de hover (o mouse não detecta este objeto ao passar sobre ele nem altera o cursor)
  4. Permite que o mouse clique em objetos sob ele (o mouse pode acessar objetos através dele)

Tentei procurar o código que lida com a propriedade 'e

Consulte Mais informação →

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

Sou novo no FabricJs e 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 qu

Consulte Mais informação →

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

Estou escrevendo uma aplicação TypeScript que usa dependências instaladas com NPM:

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

Existe uma configuração tsconfig.json que me permitiria usar todas essas dependências de forma

Consulte Mais informação →