في 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 الحجم على 200 × 200 ، ولكن يمكنك تعديله وفقًا للأبعاد التي تريدها.
تذكر معالجة الأخطاء وانتظار العمليات غير المتزامنة بشكل صحيح عند العمل مع وظائف Futures وغير المتزامنة. تأكد أيضًا من الاتصال _convertCanvasToImage()
عند الاقتضاء لالتقاط canvas الصورة والحصول عليها.