ImageCropper

Die ImageCropper Component wird dafür verwendet ein Bild auf ein bestimmtes Format zuzuschneiden.GitHub

Playground

import { ImageCropper } from "@mittwald/flow-react-components";

<ImageCropper image="https://mittwald.github.io/flow/assets/mittwald_logo_rgb.jpg" />

Seitenverhältnis

Über das Property aspect kann das Seitenverhältnis angegeben werden.


Runder Ausschnitt

Über das Property cropShape kann zwischen einer rechteckigen und runden Ansicht des Ausschnitts gewechselt werden.


Größe

Über die width und height Properties kann die Größe des Croppers angepasst werden.


Kombiniere mit ...

FileDropZone

Bild ablegen

Bitte wähle ein Bild vom Typ PNG aus.

Overview