Bildzuschnitt
Bilder über den regulären Formularvertrag hochladen, zuschneiden und binden.
Hochladen und zuschneiden
Ein Control, zwei Bildgrößen
Der Cropper speichert ein begrenztes Hauptbild und erzeugt ein separates Vorschaubild; FileReader, Canvas-Interaktion und Viewport-Fenster bleiben an seinen Lebenszyklus gebunden.
Profilbild zuschneiden
Wähle ein Bild, passe den quadratischen Ausschnitt an und übernimm ihn im Viewport-Fenster.
Erzeugtes Vorschaubild
No cropped image yet.
Schreibgeschützter Zustand
Die Editierbarkeit stammt aus demselben Control-Vertrag wie bei Input und ComboBox.
Kontextbezogene DSL
ImageCropper bleibt ein normales typisiertes Control und kann an die Modellbindung teilnehmen.
scala
imageCropper("profileImage") {
placeholder = "Choose a profile image"
aspectRatio = Some(1.0)
outputMaxWidth = Some(800)
outputMaxHeight = Some(800)
thumbnailMaxWidth = 160
thumbnailMaxHeight = 160
windowTitle = "Crop profile image"
}