javascript - Ajustar el tamaño del cuadro de texto de fabricjs para que coincida con la selección de texto

Tengo un fragmento de código que crea un nuevo Textbox de esta manera:

new fabric.Textbox('Ajouter du texte')

El problema es que el cuadro de texto es demasiado pequeño en comparación con su contenido:

Si establezco un ancho fijo, obtengo algo de re

Leer más →

typescript - error "Canvas no es un constructor" - Usando FabricJS con Angular 6

Estoy trabajando en un proyecto que recientemente fue actualizado de Angular 5 a 6. Estoy añadiendo una nueva función que requiere que dibuje imágenes a partir de datos, así que he estado intentando usar los objetos DOM de Canvas y SVG para hacer esto. FabricJS tiene muchas características que necesito.

Intenté agregarlo al proyecto anoche. Descargué las versiones completas DEV/MIN de FabricJS desde el sitio web, v2.3.3. Luego creé una carpeta "fabric" en mi carpeta node_modules y puse

Leer más →

javascript - Alineación de objetos en fabricJS después de hacer zoom y desplazamiento

Estoy usando fabricJS con Angular cuando quiero alinear un elemento a la izquierda, por ejemplo, estoy usando el siguiente método

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

Leer más →

typescript - ¿Cómo hago un módulo ESM/CJS que no requiera añadir '.default' a las importaciones?

Puedo configurar mi package.json para usar diferentes importaciones para CJS y ESM:

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

También puedo configurar mi compilador de TypeS

Leer más →

javascript - FabricJS TextBox de tamaño fijo con tamaño de fuente dinámico (reducir texto para ajustarse al tamaño)

¿Cómo puedo fijar el tamaño de un TextBox y disminuir dinámicamente el tamaño de la fuente si el texto se vuelve demasiado grande para el TextBox? Sí, existe una pregunta similar aquí, pero solo funciona para una línea de texto.

Quiero lograr exactamente eso: (ejemplo del editor de memes de imgflip)

Leer más →

node.js - package.json no respeta la propiedad exports para el paquete npm esm y cjs

Estoy teniendo dificultades para lograr que mi biblioteca npm soporte importaciones/requires de subrutas a través del campo exports en el package.json. Para contexto, package.json soporta un campo "exports" que permite exponer archivos condicionalmente según el entorno d

Leer más →

javascript - Necesito un ejemplo de cómo usar fabricjs.d.ts con TypeScript

Uso fabricjs en un proyecto que estoy intentando convertir para usar TypeScript, pero no puedo averiguar cómo usarlo. Anteriormente, creaba mis propios objetos personalizados haciendo lo siguiente:

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

Leer más →

node.js - node_modules/minimatch/dist/cjs/index"' no tiene un miembro exportado llamado 'IMinimatch'. ¿Quisiste decir 'Minimatch'?

Tengo rimraf como una devDependency (v5.0.0). Cuando intento ejecutar un script usando rimraf, me da este error:

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

Leer más →

node.js - 'node_modules/minimatch/dist/cjs/index' no tiene un miembro exportado 'IOptions'

Tengo un proyecto de TypeScript para ejecutar en una función de Firebase.

Aquí está mi tsconfig.json

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

Leer más →

javascript - Cómo usar/incluir fabricjs en Angular2

Quiero usar fabricjs en mi proyecto. Instalé fabricjs usando bower y lo enlacé en index.html. pero no funciona. Por favor, vea el código a continuación.

index.html

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

Leer más →