では、クラス のメソッド を使用して をイメージに Flutter 変換できます 。 この クラスを使用すると、カスタム ウィジェット上に、またはウィジェットの描画フェーズ中にグラフィックスや図形を描画できるようになります 。 にすべてを描画したら 、 メソッドを使用してそれを画像に変換できます 。 Canvas
toImage()
ui.Image
Canvas
CustomPainter
canvas toImage()
Canvas
以下は、 をの画像に 変換する方法に関するステップバイステップのガイドです Flutter。
必要なパッケージをインポートする
カスタム ウィジェットまたは CustomPainter
描画する場所を作成します。 canvas
canvas を画像に 変換する関数を作成する
関数を呼び出し captureCanvasToImage()
て画像を処理する
この例では、 という名前のカスタム ウィジェットを作成しました MyCanvasWidget
。これは、 の中心に赤い円を描画します canvas。 この captureCanvasToImage()
関数は を作成し Canvas
、カスタム ウィジェットまたは を使用して描画し CustomPainter
、それを に変換します ui.Image
。
図面と画像が正しい寸法になるように、 canvas カスタム ウィジェット( MyCanvasWidget
) とメソッドの両方でサイズを設定する必要がある ことに注意してください。 toImage()
この例では canvas サイズを 200x200 に設定していますが、必要なサイズに調整できます。
Future および非同期関数を使用する場合は、エラーを処理し、非同期操作を適切に待機することを忘れないでください。 また、 _convertCanvasToImage()
必要に応じて電話をかけて、 canvas 画像をキャプチャして取得してください。