In Flutter können Sie mithilfe der Methode der Klasse ein Canvas
Bild in ein Bild konvertieren. Mit der Klasse können Sie Grafiken und Formen auf einem benutzerdefinierten Widget oder während der Malphase eines Widgets zeichnen. Sobald Sie alles auf dem gezeichnet haben, können Sie es mit der Methode in ein Bild umwandeln. toImage()
ui.Image
Canvas
CustomPainter
canvas toImage()
Hier finden Sie eine Schritt-für-Schritt-Anleitung zum Konvertieren eines Canvas
Bilds in ein Bild Flutter:
Importieren Sie die erforderlichen Pakete
Erstellen Sie ein benutzerdefiniertes Widget oder ein Widget, CustomPainter
auf dem Sie zeichnen möchten canvas
Erstellen Sie eine Funktion zum Konvertieren canvas in ein Bild
Rufen Sie die captureCanvasToImage()
Funktion auf und verarbeiten Sie das Bild
In diesem Beispiel haben wir ein benutzerdefiniertes Widget mit dem Namen erstellt MyCanvasWidget
, das einen roten Kreis in der Mitte zeichnet canvas. Die captureCanvasToImage()
Funktion erstellt eine Canvas
, zeichnet sie mit dem benutzerdefinierten Widget oder auf CustomPainter
und konvertiert sie dann in eine ui.Image
.
Beachten Sie, dass die canvas Größe sowohl im benutzerdefinierten Widget( MyCanvasWidget
) als auch in der toImage()
Methode festgelegt werden sollte, um sicherzustellen, dass die Zeichnung und das Bild die richtigen Abmessungen haben. In diesem Beispiel stellen wir die canvas Größe auf 200 x 200 ein, Sie können sie jedoch an Ihre gewünschten Abmessungen anpassen.
Denken Sie daran, Fehler zu behandeln und die asynchronen Vorgänge ordnungsgemäß abzuwarten, wenn Sie mit Futures und asynchronen Funktionen arbeiten. Stellen Sie außerdem sicher, dass Sie bei Bedarf anrufen, _convertCanvasToImage()
um das Bild aufzunehmen canvas und zu erhalten.