Beste HTML5-Canvas-Bibliothek für mein Szenario

Wir haben uns angemeldet, um eine Webanwendung zu erstellen, die es einfach ermöglicht, Text über ein Bild zu ziehen und zu bearbeiten, das dann konvertiert und als JPEG oder PDF heruntergeladen werden kann (ich werde dafür eine separate Bibliothek verwenden). Die Daten müssen auch bei einem AJAX-Aufruf auf unserem Server gespeichert werden. Meine Kriterien für diese Bibliothek sind also wirklich, es so einfach wie möglich zu machen, Folgendes zu tun -

1) Ziehen und bearbeiten Sie vorhandene Textblöcke über ein hochauflösendes Bild (wird mit 300 DPI exportiert)

2) Machen Sie es möglich, die Daten in der Datenbank zu speichern, damit sie jederzeit wiederhergestellt und bearbeitet werden können.

Ich freue mich auf Ihre Gedanken und Anregungen!

Antworten (1)

Fabric.js

  • Open Source
  • Sie können Textblöcke herumziehen, drehen, skalieren und bearbeiten .
    Eine Demo der Bearbeitungsfunktion finden Sie hier .
  • Das Hinzufügen von Bildhintergründen ist möglich.
    Sie müssten jedoch testen, ob Fabric.js und Ihr bevorzugter Browser in der Lage sind, große Bilder zu verarbeiten (wie Sie es beschrieben haben).
  • Das Laden und Speichern von Leinwandzuständen ist möglich.
    Siehe hier für ein Beispiel.
    Screenshot von Fabric.js in Aktion
    Bildquelle: http://fabricjs.com/kitchensink/ → Registerkarte „SVG“ → „41787 Pfade“
Es heißt Fabric.js. Sie sollten diesen Tippfehler korrigieren.
@moose Nick Wilde hat es gerade korrigiert. Sie können beim nächsten Mal einfach eine Änderung vorschlagen (klicken Sie auf „Bearbeiten“), und einige Leute werden hoffentlich Korrekturen von Tippfehlern genehmigen.
@ComFreek Das sieht genau so aus, wie ich es brauche - vielen Dank für den großartigen Bibliotheksvorschlag und die vollständige Berücksichtigung meiner Frage.
Beste HTML5-Canvas-Bibliothek für mein Szenario
AntwortenHierDatenschutz-Bestimmungen1y, 0v