Cropper

Das Cropper-Controll erlaubt das Zuschneiden eines Bildes auf die gewünschte Größe. Als Bibliothek kommt cropper.js zum Einsatz.

url = new URL('https://example.com/image.png');
options = {

}
cropper = new Alvine.Package.UI.Dialog.Widgets.Cropper(url, options);
crpper.initDefaultToolbar();

Schlüssel	Beschreibung	Default	Beispiel
id	ID des Elements	zufällige ID	myID
class	Klasse des Containers	undefined
container-class	Container-Klasse	"container-fluid"
dragMode	Modus none, crop, move	"none"
viewMode	View-Modus 0,1,2,3	0
aspectRatio	Verhältnis der Crop-Box	undefined
movable	Erlaubt das verschieben	true
rotatable	Erlaubt das Drehen	true
scalable	Erlaubt die Skalierung	true
zoomable	Erlaubt Zoomen	true
autoCrop	Im Crop-Modus starten	false
initialAspectRatio		undefined
available-ration	Verfügbare Verhältnisse zwischen Breite und Höhe der Crop-Box (1/1, 16/9, 4/3, ⅔, undefined)	undefined
autoCropArea		0.8
eventHandler		Cropper.eventHandler
infobox-class		infobox