From 9206c022ad83b29a07c21d181907192b7c6021df Mon Sep 17 00:00:00 2001
From: Jerome Wu <jeromewus@gmail.com>
Date: Thu, 9 May 2019 01:24:35 +0800
Subject: [PATCH] Update README.md

---
 README.md        | 11 +++++-----
 docs/examples.md | 55 ++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 5 deletions(-)
 create mode 100644 docs/examples.md

diff --git a/README.md b/README.md
index 32ea2d9..53759ca 100644
--- a/README.md
+++ b/README.md
@@ -20,8 +20,8 @@ import { TesseractWorker } from 'tesseract.js';
 const worker = new TesseractWorker();
 
 worker.recognize(myImage)
-  .progress(function(p) { console.log('progress', p)    })
-  .then(function()result) { console.log('result', result) })
+  .progress((p) => { console.log('progress', p);    })
+  .then((result) => { console.log('result', result); });
 ```
 
 [Check out the docs](#docs) for a full treatment of the API.
@@ -33,7 +33,7 @@ Tesseract.js wraps an [emscripten](https://github.com/kripken/emscripten) [port]
 # Installation
 Tesseract.js works with a `<script>` tag via local copy or CDN, with webpack via `npm`, and on Node.js via `npm`. [Check out the docs](#docs) for a full treatment of the API.
 
-## &lt;script />
+## CDN 
 
 You can simply include Tesseract.js with a CDN like this:
 ```html
@@ -42,7 +42,7 @@ You can simply include Tesseract.js with a CDN like this:
 
 After including your scripts, the `Tesseract` variable will be defined globally!
 
-## Dependency
+## npm
 First:
 ```shell
 > yarn add tesseract.js
@@ -53,8 +53,9 @@ or
 ```
 > Note: Tesseract.js currently requires Node.js v6.8.0 or higher.
 
-# Docs
+# Documentation
 
+* [Examples](./docs/examples.md)
 * [Tesseract.recognize](#tesseractrecognizeimage-imagelike-options---tesseractjob)
   + [Simple Example](#simple-example)
   + [More Complicated Example](#more-complicated-example)
diff --git a/docs/examples.md b/docs/examples.md
new file mode 100644
index 0000000..5385c4e
--- /dev/null
+++ b/docs/examples.md
@@ -0,0 +1,55 @@
+# Tesseract.js Examples
+
+### basic
+
+```javascript
+import Tesseract from 'tesseract.js';
+
+const { TesseractWorker } = Tesseract;
+const worker = new TessearctWorker();
+
+worker
+  .recognize('http://jeroen.github.io/images/testocr.png')
+  .then((result) => {
+    console.log(result);
+  });
+```
+
+### with detailed progress 
+
+```javascript
+import Tesseract from 'tesseract.js';
+
+const { TesseractWorker } = Tesseract;
+const worker = new TessearctWorker();
+
+worker
+  .recognize('http://jeroen.github.io/images/testocr.png')
+  .progress((p) => {
+    console.log('progress', p);
+  })
+  .then((result) => {
+    console.log(result);
+  });
+```
+
+### with multiple languages (separate by '+'')
+
+```javascript
+import Tesseract from 'tesseract.js';
+
+const { TesseractWorker } = Tesseract;
+const worker = new TessearctWorker();
+
+worker
+  .recognize(
+    'http://jeroen.github.io/images/testocr.png',
+    { lang: 'eng+chi_tra' }
+  )
+  .progress((p) => {
+    console.log('progress', p);
+  })
+  .then((result) => {
+    console.log(result);
+  });
+```