{"id":747,"date":"2020-04-28T22:50:14","date_gmt":"2020-04-28T13:50:14","guid":{"rendered":"https:\/\/www.typea.info\/blog\/?p=747"},"modified":"2020-08-09T12:52:54","modified_gmt":"2020-08-09T03:52:54","slug":"flutter_android_iphone_image_cropper","status":"publish","type":"post","link":"https:\/\/www.typea.info\/blog\/index.php\/2020\/04\/28\/flutter_android_iphone_image_cropper\/","title":{"rendered":"Flutter\u3067\u30ab\u30e1\u30e9\u64ae\u5f71\u304b\u3089\u77e9\u5f62\u9078\u629e\u304b\u3089OCR\u306eAndroid\u3001iPhone\u52d5\u4f5c\u78ba\u8a8d"},"content":{"rendered":"<p><\/p>\n<p><a href=\"https:\/\/www.amazon.co.jp\/dp\/B0863FZRRR\/ref=as_li_ss_il?ie=UTF8&amp;linkCode=li2&amp;tag=typea09-22&amp;linkId=aaac91b3390935b21c7024525a496994&amp;language=ja_JP\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" src=\"\/\/ws-fe.amazon-adsystem.com\/widgets\/q?_encoding=UTF8&amp;ASIN=B0863FZRRR&amp;Format=_SL160_&amp;ID=AsinImage&amp;MarketPlace=JP&amp;ServiceVersion=20070822&amp;WS=1&amp;tag=typea09-22&amp;language=ja_JP\" border=\"0\"><\/a><img loading=\"lazy\" decoding=\"async\" style=\"margin: 0px !important; border: currentcolor !important; border-image: none !important;\" src=\"https:\/\/ir-jp.amazon-adsystem.com\/e\/ir?t=typea09-22&amp;language=ja_JP&amp;l=li2&amp;o=9&amp;a=B0863FZRRR\" alt=\"\" width=\"1\" height=\"1\" border=\"0\"><\/p>\n<p><a href=\"https:\/\/www.typea.info\/blog\/index.php\/category\/flutter\/\">Flutter<\/a> \u3067\u3001\u30ab\u30e1\u30e9\u64ae\u5f71\u304b\u3089\u3001<a href=\"https:\/\/www.typea.info\/blog\/index.php\/2019\/10\/22\/flutter_2\/\">\u753b\u50cf\u306e\u5207\u308a\u629c\u304d<\/a> \u3057\u3001<a href=\"https:\/\/www.typea.info\/blog\/index.php\/2020\/04\/19\/flutter-cloud-vision-api\/\">Cloud Vision API \u3067 OCR<\/a> \u306e\u7d50\u679c\u3092\u8868\u793a\u3059\u308b\u3002<\/p>\n<p><\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/eqjlbvneR4A\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p><\/p>\n<h3>\/lib\/main.dart<\/h3>\n<p><\/p>\n<pre class=\"prettyprint\">import 'dart:io';\n\nimport 'package:firebase_ml_vision\/firebase_ml_vision.dart';\nimport 'package:flutter\/cupertino.dart';\nimport 'package:flutter\/material.dart';\nimport 'package:cloud_firestore\/cloud_firestore.dart';\nimport 'package:image_picker\/image_picker.dart';\nimport 'package:image_cropper\/image_cropper.dart';\n\nvoid main() =&gt; runApp(MyApp());\n\nclass MyApp extends StatelessWidget {\n  final message = \"Initial Message.\";\n  @override\n  Widget build(BuildContext context) {\n    return new MaterialApp(\n      title: 'Flutter Sample',\n      home: MyPage(message:this.message),\n    );\n  }\n}\n\nclass MyPageState extends State&lt;MyPage&gt;{\n  String _time;\n  File _image;\n  final _stateController = TextEditingController();\n  final _visionTextController = TextEditingController();\n  \/\/final TextRecognizer textRecognizer = FirebaseVision.instance.textRecognizer();\n  final TextRecognizer textRecognizer = FirebaseVision.instance.cloudTextRecognizer();\n\n  @override\n  void initState() {\n    super.initState();\n    this._time = \"Tap Floating Action Button\";\n  }\n\n  @override\n  void dispose() {\n    this._stateController.dispose();\n    this._visionTextController.dispose();\n    super.dispose();\n  }\n  Future getImage() async {\n    var image = await ImagePicker.pickImage(source: ImageSource.camera);\n    setState(() {\n      this._image = image;\n    });\n  }\n\n  Future cropImage() async {\n    var croppedImage = await ImageCropper.cropImage(sourcePath: this._image.path,\n        aspectRatioPresets: [\n          CropAspectRatioPreset.square,\n          CropAspectRatioPreset.ratio3x2,\n          CropAspectRatioPreset.original,\n          CropAspectRatioPreset.ratio4x3,\n          CropAspectRatioPreset.ratio16x9\n        ],\n        androidUiSettings: AndroidUiSettings(\n            toolbarTitle: 'Cropper',\n            toolbarColor: Colors.deepOrange,\n            toolbarWidgetColor: Colors.white,\n            initAspectRatio: CropAspectRatioPreset.original,\n            lockAspectRatio: false),\n        iosUiSettings: IOSUiSettings(\n          minimumAspectRatio: 1.0,\n        )\n    );\n    setState(() {\n      this._image = croppedImage;\n    });\n  }\n\n  void vision() async {\n    if (this._image != null) {\n\n      FirebaseVisionImage visionImage = FirebaseVisionImage.fromFile(this._image);\n\n      VisionText visionText = await textRecognizer.processImage(visionImage);\n\n      String text = visionText.text;\n      print(text);\n\n      var buf = new StringBuffer();\n      for (TextBlock block in visionText.blocks) {\n        final Rect boundingBox = block.boundingBox;\n        final List&lt;Offset&gt; cornerPoints = block.cornerPoints;\n        final String text = block.text;\n        final List&lt;RecognizedLanguage&gt; languages = block.recognizedLanguages;\n        print(languages);\n        buf.write(\"=====================\\n\");\n        for (TextLine line in block.lines) {\n          \/\/ Same getters as TextBlock\n          buf.write(\"${line.text}\\n\");\n          for (TextElement element in line.elements) {\n            \/\/ Same getters as TextBlock\n          }\n        }\n      }\n      setState(() {\n        this._visionTextController.text = buf.toString();\n      });\n    }\n  }\n\n  void showTime(){\n    setState(() {\n      this._time = DateTime.now().toString();\n    });\n  }\n\n  void loadOnPressed() {\n    Firestore.instance.document(\"sample\/sandwichData\")\n        .get().then((DocumentSnapshot ds){\n          setState(() {\n            this._stateController.text = ds[\"hotDogStatus\"];\n          });\n          print(\"status=$this.status\");\n        });\n  }\n\n  void saveOnPressed() {\n    Firestore.instance.document(\"sample\/sandwichData\")\n        .updateData({\"hotDogStatus\":_stateController.text})\n        .then((value) =&gt; print(\"success\"))\n        .catchError((value) =&gt; print(\"error $value\"));\n  }\n\n  @override\n  Widget build(BuildContext context) {\n    return Scaffold(\n      appBar: AppBar(\n        title: Text('Flutter Firebase Sample'),\n      ),\n      body: LayoutBuilder(\n        builder: (BuildContext context, BoxConstraints viewportConstraints) {\n          return SingleChildScrollView(\n            child: ConstrainedBox(\n              constraints: BoxConstraints(\n                minHeight: viewportConstraints.maxHeight,\n              ),\n              child: IntrinsicHeight(\n                child: Column(\n                  mainAxisAlignment: MainAxisAlignment.start,\n                  mainAxisSize: MainAxisSize.max,\n                  crossAxisAlignment: CrossAxisAlignment.start,\n                  children: &lt;Widget&gt;[\n                    Text(\n                      this._time,\n                      style: TextStyle(fontSize: 16.0),\n                    ),\n                    Row(\n                      mainAxisAlignment: MainAxisAlignment.start,\n                      mainAxisSize: MainAxisSize.max,\n                      crossAxisAlignment: CrossAxisAlignment.start,\n                      children: &lt;Widget&gt;[\n                        Flexible(\n                          child: TextField(\n                            controller: _stateController,\n                          ),\n                        ),\n                        Padding(\n                          padding: EdgeInsets.all(2.0),\n                          child: RaisedButton(\n                              onPressed: saveOnPressed,\n                              child: Text(\"Save\")),\n                        ),\n                        Padding(\n                            padding: EdgeInsets.all(2.0),\n                            child: RaisedButton(\n                                onPressed: loadOnPressed,\n                                child: Text(\"Load\"))\n                        )\n                      ],\n                    ),\n                    Column(\n                      children: &lt;Widget&gt;[\n                        Row(\n                          children: &lt;Widget&gt;[\n                            Padding(\n                              padding: EdgeInsets.all(2.0),\n                              child: RaisedButton(\n                                onPressed: getImage,\n                                child: Text(\"Pick Image\"),\n                              ),\n                            ),\n                            Padding(\n                              padding: EdgeInsets.all(2.0),\n                              child: RaisedButton(\n                                onPressed: cropImage,\n                                child: Text(\"Crop Image\"),\n                              ),\n                            ),\n                            Padding(\n                              padding: EdgeInsets.all(2.0),\n                              child: RaisedButton(\n                                onPressed: vision,\n                                child: Text(\"Vision Api\"),\n                              ),\n                            ),\n                          ],\n                        ),\n                        TextField(\n                          controller: _visionTextController,\n                          minLines: 6,\n                          maxLines: 15,\n                          decoration: InputDecoration(\n                            border: OutlineInputBorder(),\n                          ),\n                        ),\n                        Container(\n                          \/\/width: MediaQuery.of(context).size.width,\n                          \/\/height: 300,\n                          child: FittedBox(\n                            fit: BoxFit.fitHeight,\n                            child: _image == null ? Text('No image selected.') : Image.file(_image),\n                          ),\n                        ),\n                      ],\n                    ),\n                  ],\n                ),\n              ),\n            ),\n          );\n        },\n      ),\n      floatingActionButton: FloatingActionButton(\n        onPressed: showTime,\n        child: Icon(Icons.timer),\n      ),\n    );\n  }\n}\n\nclass MyPage extends StatefulWidget {\n  final String message;\n  MyPage({this.message}):super() {}\n  @override\n  State&lt;StatefulWidget&gt; createState() =&gt; new MyPageState();\n}<\/pre>\n<p><\/p>\n<h3>pubspec.yaml<\/h3>\n<p><\/p>\n<pre class=\"prettyprint\">dependencies:\n  flutter:\n    sdk: flutter\n  cupertino_icons: ^0.1.2\n  cloud_firestore: 0.13.4+2\n  firebase_ml_vision: 0.9.3+8\n  image_picker: 0.6.5\n  image_cropper: 1.2.<\/pre>\n<p><\/p>\n<h3>android\/app\/src\/main\/AndroidManifest.xml<\/h3>\n<p><\/p>\n<pre class=\"prettyprint\">&lt;activity\n    android:name=\"com.yalantis.ucrop.UCropActivity\"\n    android:screenOrientation=\"portrait\"\n    android:theme=\"@style\/Theme.AppCompat.Light.NoActionBar\"\/&gt;\n    <\/pre>\n\n\n<h3>ios\/Runner\/Info.plist<\/h3>\n<p>\u4ee5\u4e0b\u3092\u8ffd\u8a18<\/p>\n<pre class=\"prettyprint\">    &lt;key&gt;NSPhotoLibraryUsageDescription&lt;\/key&gt;\n    &lt;string&gt;What purpose to use&lt;\/string&gt;\n    &lt;key&gt;NSCameraUsageDescription&lt;\/key&gt;\n    &lt;string&gt;What purpose to use&lt;\/string&gt;\n    &lt;key&gt;NSMicrophoneUsageDescription&lt;\/key&gt;\n    &lt;string&gt;What purpose to use&lt;\/string&gt;\n<\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Flutter \u3067\u3001\u30ab\u30e1\u30e9\u64ae\u5f71\u304b\u3089\u3001\u753b\u50cf\u306e\u5207\u308a\u629c\u304d \u3057\u3001Cloud Vision API \u3067 OCR \u306e\u7d50\u679c\u3092\u8868\u793a\u3059\u308b\u3002 \/lib\/main.dart import &#8216;dart:io&#8217;; import &#8216;package: [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","footnotes":""},"categories":[104,111,116],"tags":[],"class_list":["post-747","post","type-post","status-publish","format-standard","hentry","category-firebase","category-flutter","category-google-cloud-vision"],"veu_head_title_object":{"title":"","add_site_title":""},"_links":{"self":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/comments?post=747"}],"version-history":[{"count":4,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/747\/revisions"}],"predecessor-version":[{"id":831,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/posts\/747\/revisions\/831"}],"wp:attachment":[{"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/media?parent=747"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/categories?post=747"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.typea.info\/blog\/index.php\/wp-json\/wp\/v2\/tags?post=747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}