में Flutter, आप क्लास की विधि का Canvas उपयोग करके a को एक छवि में परिवर्तित कर सकते हैं। कक्षा आपको कस्टम विजेट पर या विजेट के पेंटिंग चरण के दौरान ग्राफिक्स और आकृतियाँ बनाने की अनुमति देती है । एक बार जब आप सब कुछ खींच लेते हैं, तो आप विधि का उपयोग करके इसे एक छवि में परिवर्तित कर सकते हैं । toImage() ui.Image Canvas CustomPainter canvas toImage()
Canvas यहां एक चरण-दर-चरण मार्गदर्शिका दी गई है कि किसी छवि को किसी छवि में कैसे परिवर्तित किया जाए Flutter:
आवश्यक पैकेज आयात करें
import 'package:flutter/material.dart';
import 'dart:ui' as ui;
एक कस्टम विजेट बनाएं या CustomPainter जहां आप चित्र बनाएंगे canvas
class MyCanvasWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return CustomPaint(
size: Size(200, 200), // Set the size of the canvas
painter: MyCanvasPainter(),
);
}
}
class MyCanvasPainter extends CustomPainter {
@override
void paint(Canvas canvas, Size size) {
// Draw on the canvas here
// For example, draw a red circle at the center
final Paint paint = Paint()..color = Colors.red;
final double centerX = size.width / 2;
final double centerY = size.height / 2;
final double radius = 50.0;
canvas.drawCircle(Offset(centerX, centerY), radius, paint);
}
@override
bool shouldRepaint(CustomPainter oldDelegate) {
return false;
}
}
canvas को एक छवि में बदलने के लिए एक फ़ंक्शन बनाएं
Future<ui.Image> captureCanvasToImage() async {
final pictureRecorder = ui.PictureRecorder();
final canvas = Canvas(pictureRecorder);
// Create the custom widget or draw on the canvas using a CustomPainter
final widget = MyCanvasWidget();
widget.paint(canvas, Size(200, 200)); // Set the size of the canvas to match the custom widget size
final recordedPicture = pictureRecorder.endRecording();
return await recordedPicture.toImage(200, 200); // Set the image size, should match the canvas size
}
फ़ंक्शन को कॉल करें captureCanvasToImage() और छवि को संभालें
void _convertCanvasToImage() async {
ui.Image image = await captureCanvasToImage();
// Use the image here as needed, such as displaying it in an `Image` widget or saving it to a file
}
इस उदाहरण में, हमने नाम का एक कस्टम विजेट बनाया है MyCanvasWidget, जो के केंद्र में एक लाल वृत्त खींचता है canvas । फ़ंक्शन captureCanvasToImage() एक बनाता है Canvas, कस्टम विजेट या का उपयोग करके उस पर चित्र बनाता है CustomPainter, और फिर उसे एक में परिवर्तित करता है ui.Image ।
ध्यान दें कि canvas आकार को कस्टम विजेट( MyCanvasWidget) और toImage() विधि दोनों में सेट किया जाना चाहिए ताकि यह सुनिश्चित हो सके कि ड्राइंग और छवि का आयाम सही है। इस उदाहरण में, हमने canvas आकार 200x200 पर सेट किया है, लेकिन आप इसे अपने इच्छित आयामों में समायोजित कर सकते हैं।
फ़्यूचर्स और एसिंक फ़ंक्शंस के साथ काम करते समय त्रुटियों को संभालना और एसिंक्रोनस ऑपरेशंस का ठीक से इंतजार करना याद रखें। इसके अलावा, छवि को कैप्चर करने और प्राप्त करने _convertCanvasToImage() के लिए उपयुक्त होने पर कॉल करना सुनिश्चित करें । canvas