La mejor biblioteca HTML5 Canvas para usar en mi escenario

Nos hemos inscrito para hacer una aplicación web que simplemente permite arrastrar y editar texto en una imagen que luego se puede convertir y descargar como JPEG o PDF (usaré una biblioteca separada para esto). Los datos también deberán guardarse en nuestro servidor en una llamada AJAX. Entonces, mi criterio para esta biblioteca realmente es hacer que sea lo más fácil posible hacer lo siguiente:

1) Arrastre y edite bloques de texto existentes sobre una imagen de alta resolución (se exportará a 300 DPI)

2) Hacer posible guardar los datos en la base de datos para que se puedan recuperar y reanudar la edición en cualquier momento.

¡Espero sus pensamientos y sugerencias!

Respuestas (1)

tela.js

  • Fuente abierta
  • Puede arrastrar, rotar, escalar y editar bloques de texto
    Puede encontrar una demostración de la función de edición aquí .
  • Es posible agregar fondos de imagen.
    Sin embargo, deberá probar si Fabric.js y su navegador favorito son capaces de manejar imágenes grandes (como lo describió).
  • Es posible cargar y guardar estados de lienzo.
    Vea aquí un ejemplo.
    Captura de pantalla de Fabric.js en acción
    Fuente de la imagen: http://fabricjs.com/kitchensink/ → pestaña 'SVG' → '41787 rutas'
se llama Fabric.js. Deberías corregir ese error tipográfico.
@moose Nick Wilde acaba de corregirlo. Simplemente puede sugerir una edición (haga clic en 'editar') la próxima vez y, con suerte, algunas personas aprobarán las correcciones de errores tipográficos.
@ComFreek Esto parece exactamente lo que necesito. Muchas gracias por la excelente sugerencia de la biblioteca y por considerar mi pregunta.
La mejor biblioteca HTML5 Canvas para usar en mi escenario
RespuestasAquíPolítica de privacidad1y, 0v