javascript - Ajustar o tamanho da caixa de texto do fabricjs para corresponder à seleção de texto

Tenho um pedaço de código que cria um novo Textbox desta forma:

new fabric.Textbox('Ajouter du texte')

O problema é que a caixa de texto é demasiado pequena em comparação com o seu conteúdo:

Se eu definir uma largura fixa, obtenho algum preenchiment

Ler mais →

typescript - "Canvas não é um construtor" erro - Usando FabricJS com Angular 6

Estou a trabalhar num projeto que foi recentemente atualizado do Angular 5 para o 6. Estou a adicionar uma nova funcionalidade que requer que eu desenhe imagens a partir de dados, por isso tenho tentado usar os objetos DOM Canvas e SVG para fazer isto. O FabricJS tem muitas funcionalidades de que preciso.

Tentei adicionar isso ao projeto na noite passada. Descarreguei as versões completas DEV/MIN do FabricJS do site, v2.3.3. Depois criei uma pasta "fabric" na minha pasta node_modules e

Ler mais →

javascript - Alinhamento de objetos no fabricJS após zoom e deslocamento

Estou a usar fabricJS com Angular quando quero alinhar um elemento à esquerda, por exemplo, estou a usar o seguinte método

alignLeft() { // Get Selected Elements var obj = this.canvas.getActiveObject(); // if no element is selected if (obj !== undefined) {

Ler mais →

typescript - Como faço um módulo ESM/CJS que não exija adicionar '.default' às importações

Posso configurar o meu package.json para usar importações diferentes para CJS e ESM:

"main": "dist/cjs/index.js", "module": "dist/esm/index.js",

Também posso configurar o meu compilador TypeS

Ler mais →

javascript - FabricJS TextBox de tamanho fixo com tamanho de fonte dinâmico (reduzir texto para ajustar ao tamanho)

Como posso fixar o tamanho de uma Caixa de Texto e diminuir dinamicamente o tamanho da fonte se o texto ficar grande demais para a Caixa de Texto? Sim, existe uma pergunta semelhante aqui, mas só funciona para uma linha de texto.

Quero alcançar exatamente isso: (exemplo do editor de memes do imgflip)

Ler mais →

node.js - package.json não está a respeitar a propriedade exports para pacote npm esm e cjs

Estou a ter dificuldades em fazer com que a minha biblioteca npm suporte importações/requires por subcaminho através do campo exports no package.json. Para contexto, o package.json suporta um campo "exports" que permite expor arquivos condicionalmente com base no runtime

Ler mais →

javascript - Preciso de um exemplo de como usar fabricjs.d.ts com TypeScript

Eu uso fabricjs num projeto que estou a tentar converter para usar TypeScript, mas não consigo perceber como usá-lo. Anteriormente, eu criava os meus próprios objetos personalizados fazendo o seguinte:

my.namespace.Control = fabric.util.createClass(fabric.Object, { id: "", type: 'Control'

Ler mais →

node.js - node_modules/minimatch/dist/cjs/index"' não tem um membro exportado chamado 'IMinimatch'. Quis dizer 'Minimatch'?

Tenho o rimraf como uma devDependency (v5.0.0). Quando tento executar um script usando o rimraf, dá-me este erro:

node_modules/@types/glob/index.d.ts:29:42 - error TS2694: Namespace '".../node_modules/minimatch/dist/cjs/index"' has no

Ler mais →

node.js - 'node_modules/minimatch/dist/cjs/index' não tem um membro exportado 'IOptions'

Tenho um projeto TypeScript para executar numa função do Firebase.

Aqui está o meu tsconfig.json

{ "compilerOptions": { "lib": ["es2017"], "module": "commonjs", "noImplicitReturns": true, "outDir": "dist", "sourceMap": true, "target": "es2017", "esModuleInterop": true, "strict": true }, "in

Ler mais →

javascript - Como usar/incluir fabricjs no Angular2

Quero usar fabricjs no meu projeto. Instalei o fabricjs usando o bower e liguei no index.html. mas não está a funcionar. Por favor veja o código abaixo.

index.html

<html> <head> <script>document.write('<base href="' + document.location + '" />'); </script> <title>Ima

Ler mais →