Hallo,
wie der Titel vermuten lässt, bin ich auf der Suche nach einen kleinen Bildbearbeitungsscript (JS). Grob beschrieben soll es ein Bild proportional vergrößern und verschieben können. Output sollte dann eine gecropte Version des Bildes sein.
Hier die detaillierte Version:
- User läd ein Bild per Ajax Upload hoch. Das Bild muss erst mal auf die Auflösung gecheckt werden (es ist eine Mindestauflösung nötig. Welche ist hier irrelevant, muss aber im vierstelligen Bereich liegen)
- Wenn alles passt, soll das Bild in einem div, canvas oder was auch immer angezeigt werden (nennen wir es Rahmen). Sagen wir das dieser 800x600 px groß ist.
Die Startskalierung liegt bei 100% Breite bzw. Höhe, je nach dem ob es Hoch- oder Querformat Bild ist. Unter 100% darf nicht skaliert werden, da im Rahmen immer das volle Bild angezeigt werden soll. Nun sollte man das Bild vergrößern und verschieben können. Aber es darf kein Leerbereich entstehen, deshalb darf das Bild nicht zu weit verschoben werden können.
Wenn man dann auf „Speichern“ klickt, soll die zugeschnittene Version gespeichert werden. Allerdings in der vollen Auflösung des Bildes und nicht in den 800x600 px.
Kennt jemand ein fertiges Script dass das kann? Ich hab zwar schon gesucht, aber nichts derartiges gefunden.
Danke
j
wie der Titel vermuten lässt, bin ich auf der Suche nach einen kleinen Bildbearbeitungsscript (JS). Grob beschrieben soll es ein Bild proportional vergrößern und verschieben können. Output sollte dann eine gecropte Version des Bildes sein.
Hier die detaillierte Version:
- User läd ein Bild per Ajax Upload hoch. Das Bild muss erst mal auf die Auflösung gecheckt werden (es ist eine Mindestauflösung nötig. Welche ist hier irrelevant, muss aber im vierstelligen Bereich liegen)
- Wenn alles passt, soll das Bild in einem div, canvas oder was auch immer angezeigt werden (nennen wir es Rahmen). Sagen wir das dieser 800x600 px groß ist.
Die Startskalierung liegt bei 100% Breite bzw. Höhe, je nach dem ob es Hoch- oder Querformat Bild ist. Unter 100% darf nicht skaliert werden, da im Rahmen immer das volle Bild angezeigt werden soll. Nun sollte man das Bild vergrößern und verschieben können. Aber es darf kein Leerbereich entstehen, deshalb darf das Bild nicht zu weit verschoben werden können.
Wenn man dann auf „Speichern“ klickt, soll die zugeschnittene Version gespeichert werden. Allerdings in der vollen Auflösung des Bildes und nicht in den 800x600 px.
Kennt jemand ein fertiges Script dass das kann? Ich hab zwar schon gesucht, aber nichts derartiges gefunden.
Danke
j