HTML5 Canvas Design-Tool erstellen

Liebe Freelancer,



Wir suchen einen Entwickler mit HTML5 Canvas Erfahrung, der ein fotorealistisches Tool zur Gestaltung eines Shirts erstellen kann.



Es soll ein Tool werden, mit dem der Benutzer selbst ein personalisiertes Shirt gestalten kann. Das Endergebnis soll in einer spezifischen (bereits bestehenden) Vorlage als PDF/SVG-Datei für den Drucker exportiert werden.

Alle Schaltflächen und Funktionalitäten werden außerhalb des Canvas in HTML mit Bootstrap (der CSS-Bibliothek) implementiert. Eine Ausnahme bildet die Möglichkeit für den Benutzer, ein Element im Canvas auszuwählen, um Änderungen an diesem Teil vorzunehmen (dazu später mehr).



Für den Benutzer soll das Tool in verschiedene Schritte unterteilt sein:

1. Layout des Shirts festlegen (wir verwenden 5 verschiedene Layouts). Bei der Auswahl eines Layouts ändert sich der Aufdruck des Shirts im Canvas zum gewählten Design.


2. Farbe der Flächen auf dem Shirt bestimmen. Die Flächen eines Layouts müssen auswählbar sein, um die Farbe zu wählen. Feedback beim Hovern über/Auswählen einer Fläche ist erwünscht. Die Farben müssen CMYK-konform sein. Es muss eine Vorauswahl an Farben geben, aber der Benutzer muss die Möglichkeit haben, die Vorauswahl durch Auswahl gewünschter Farben aus einer Liste zu erweitern.


3. Logos und Text hinzufügen. Auf vorab festgelegten Flächen muss der Benutzer eine Vektorgrafik hochladen können, um sie auf dem Shirt zu platzieren. Der Benutzer muss die Möglichkeit haben, die Bilder zu skalieren. Der Benutzer muss auch eine vorab festgelegte Fläche für die Platzierung eines Logos auswählen können. Das gleiche Prinzip gilt für das Hinzufügen von Text. Nach der Auswahl einer Fläche muss ein Textfeld erscheinen, in das der Benutzer den gewünschten Text eingeben kann. Dabei muss eine Liste erscheinen, in der der Benutzer die Schriftart wählen kann, der Benutzer muss die Möglichkeit haben, die Farbe des Textes anzupassen und der Benutzer muss die Größe der Schriftart wählen können.


4. Reißverschluss und Marke. Das Logo unserer Marke muss weiß oder schwarz sein (basierend auf der Umgebungsfarbe, der am deutlichsten sichtbaren), die Farbe des Reißverschlusses muss grau oder schwarz gemacht werden können.

Wenn Sie uns dabei helfen können, freuen wir uns auf Ihre Kontaktaufnahme.