{"id":21372281,"url":"https://github.com/rxlabz/flutter_canvas_to_image","last_synced_at":"2025-10-20T06:46:14.997Z","repository":{"id":41142587,"uuid":"128821177","full_name":"rxlabz/flutter_canvas_to_image","owner":"rxlabz","description":"flutter example : canvas to png","archived":false,"fork":false,"pushed_at":"2019-04-01T20:22:19.000Z","size":113,"stargazers_count":107,"open_issues_count":1,"forks_count":14,"subscribers_count":4,"default_branch":"master","last_synced_at":"2024-05-01T22:51:53.392Z","etag":null,"topics":["canvas","flutter","image"],"latest_commit_sha":null,"homepage":null,"language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rxlabz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2018-04-09T19:09:27.000Z","updated_at":"2024-01-23T11:28:51.000Z","dependencies_parsed_at":"2022-09-09T21:20:50.306Z","dependency_job_id":null,"html_url":"https://github.com/rxlabz/flutter_canvas_to_image","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rxlabz%2Fflutter_canvas_to_image","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rxlabz%2Fflutter_canvas_to_image/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rxlabz%2Fflutter_canvas_to_image/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rxlabz%2Fflutter_canvas_to_image/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rxlabz","download_url":"https://codeload.github.com/rxlabz/flutter_canvas_to_image/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":225863559,"owners_count":17536122,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["canvas","flutter","image"],"created_at":"2024-11-22T08:18:52.291Z","updated_at":"2025-10-20T06:46:09.959Z","avatar_url":"https://github.com/rxlabz.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# canvas_to_image\n\na simple Flutter canvas to png file example\n\n![screen](screenshot.png)\n\n```dart\nfinal recorder = new ui.PictureRecorder();\nfinal canvas = new Canvas(\n    recorder,\n    new Rect.fromPoints(\n        new Offset(0.0, 0.0), new Offset(200.0, 200.0)));\n\nfinal stroke = new Paint()\n  ..color = Colors.grey\n  ..style = PaintingStyle.stroke;\n\ncanvas.drawRect(\n    new Rect.fromLTWH(0.0, 0.0, 200.0, 200.0), stroke);\n\nfinal paint = new Paint()\n  ..color = color\n  ..style = PaintingStyle.fill;\n\ncanvas.drawCircle(\n    new Offset(\n      widget.rd.nextDouble() * 200.0,\n      widget.rd.nextDouble() * 200.0,\n    ),\n    20.0,\n    paint);\n\nfinal picture = recorder.endRecording();\nfinal img = picture.toImage(200, 200);\nfinal pngBytes = await img.toByteData(format: new ui.EncodingFormat.png());\n```\n\nIn this example the image is displayed in a Image.memory widget\n\n```dart\nnew Image.memory(new Uint8List.view(imgBytes.buffer));\n```\n\n___\n\n## Getting Started with Flutter\n\nFor help getting started with Flutter, view our online\n[documentation](https://flutter.io/).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frxlabz%2Fflutter_canvas_to_image","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frxlabz%2Fflutter_canvas_to_image","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frxlabz%2Fflutter_canvas_to_image/lists"}