Bild-Upload-Formular entwickeln
Budget: €750 – €1,500 EUR
Ich benötige ein schlankes Web-Formular, mit dem Nutzer ein Bild hochladen und direkt im Browser anpassen können. Folgende Funktionen muss die Oberfläche zuverlässig abbilden:
• Zuschneiden, Drehen und Größenänderung
• Option Freistellen, Hintergrundfarbe bestimmen
• Auf ein rundes Endformat von exakt 69 mm bringen
• Automatische Auflösungskontrolle mit Hinweis, falls das Bild die Mindest-DPI unterschreitet
• Option, einen frei wählbaren Namen in verschiedenen Schriftarten und Farben entlang des Bildrandes zu integrieren (Text-Overlay)
• Checkbox, in der der Nutzer das Copyright am hochgeladenen Motiv bestätigt
• Vorschau vor dem Absenden
Mir ist eine klare, intuitive UI wichtig; gerne mit gängigen JavaScript-Bibliotheken wie Cropper.js oder Fabric.js, solange die Performance auch auf Mobilgeräten stimmt.
Ich brauche sauberen, kommentierten Quellcode (HTML / CSS / JavaScript, optional ein leichtes Framework), eine kurze Installationsanleitung und eine Demo-Seite, an der ich alle Features prüfen kann. Bitte plane ein responsives Layout ein und teste in den neuesten Versionen von Chrome, Firefox und Safari.
• Zuschneiden, Drehen und Größenänderung
• Option Freistellen, Hintergrundfarbe bestimmen
• Auf ein rundes Endformat von exakt 69 mm bringen
• Automatische Auflösungskontrolle mit Hinweis, falls das Bild die Mindest-DPI unterschreitet
• Option, einen frei wählbaren Namen in verschiedenen Schriftarten und Farben entlang des Bildrandes zu integrieren (Text-Overlay)
• Checkbox, in der der Nutzer das Copyright am hochgeladenen Motiv bestätigt
• Vorschau vor dem Absenden
Mir ist eine klare, intuitive UI wichtig; gerne mit gängigen JavaScript-Bibliotheken wie Cropper.js oder Fabric.js, solange die Performance auch auf Mobilgeräten stimmt.
Ich brauche sauberen, kommentierten Quellcode (HTML / CSS / JavaScript, optional ein leichtes Framework), eine kurze Installationsanleitung und eine Demo-Seite, an der ich alle Features prüfen kann. Bitte plane ein responsives Layout ein und teste in den neuesten Versionen von Chrome, Firefox und Safari.