Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

258
Views
fabricjs cómo hacer doble clic en una imagen (o rect) para editar texto y nombrarlo

Cómo combinar imágenes y texto con fabricjs y editar texto al hacer doble clic en el objeto combinado, todavía combinar después de editar texto, dígame cómo editar texto al renderizar combinaciones de imagen y texto

 const canvas = new fabric.Canvas("canvas"); // a rect const rect = new fabric.Rect({ stroke: "#000", strokeWidth: 1, fill: "#ccc", left: 170, top: 80, width: 50, height: 50 }); // a text for describe rect const text = new fabric.IText("describe rect", { fontFamily: "Comic Sans", fontSize: 14, stroke: "#000", strokeWidth: 1, fill: "#000", left: 170, top: 80 }); // 1 Combine the above two things but can not edit text // 2 use LabeledRect also
about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Según sus requisitos, puede

  1. Cree una subclase de la clase Imagen (o cualquier objeto al que necesite adjuntar una etiqueta)
  2. Haga que cree una instancia de IText o Textbox y guarde una referencia interna a él
  3. Al conectarse a los controladores de eventos en la imagen (por ejemplo, hacer doble clic), administre manualmente los eventos del texto. Asegúrese de mantener actualizadas la posición y las dimensiones del texto cuando se modifica la imagen.

Eche un vistazo a esta respuesta: cambiar el tamaño de Fabric Rect sin cambiar el tamaño de Textbox . Hace algo muy similar a lo que has descrito.

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!