|
1 | | -<p align="center"> |
| 1 | +<p align="center"> |
2 | 2 | <img src="https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/logo.png" alt="Logo" width="240" height="240" style="max-width: 100%;"> |
3 | | - |
| 3 | + |
4 | 4 | <br> |
5 | 5 | <br> |
6 | | - |
| 6 | + |
7 | 7 | <a href="https://vuejs.org/"> |
8 | 8 | <img src="https://img.shields.io/badge/vue-2.x-brightgreen.svg" alt="for Vue.js 2"> |
9 | 9 | </a> |
10 | 10 |
|
11 | 11 | <a href="https://www.npmjs.com/package/vue-qrcode-reader"> |
12 | 12 | <img src="https://img.shields.io/npm/dm/vue-qrcode-reader.svg" alt="npm monthly downloads"> |
13 | 13 | </a> |
14 | | - |
| 14 | + |
15 | 15 | <a href="https://travis-ci.org/gruhn/vue-qrcode-reader"> |
16 | 16 | <img src="https://travis-ci.org/gruhn/vue-qrcode-reader.svg?branch=master" alt="Travis CI: build status"> |
17 | 17 | </a> |
18 | | - |
| 18 | + |
19 | 19 | <br> |
20 | 20 |
|
21 | 21 | <img src="https://img.shields.io/badge/Maintained%3F-yes-green.svg" alt="is maintained? yes"> |
|
27 | 27 | <a href="https://github.com/Naereen/badges"> |
28 | 28 | <img src="https://img.shields.io/badge/badges-awesome-green.svg" alt="badges = awesome"> |
29 | 29 | </a> |
30 | | - |
| 30 | + |
31 | 31 | <br> |
32 | 32 |
|
33 | 33 | <a href="https://bundlephobia.com/result?p=vue-qrcode-reader"> |
34 | 34 | <img src="https://badgen.net/bundlephobia/minzip/vue-qrcode-reader" alt="size minified + gzipped"> |
35 | 35 | </a> |
36 | | - |
| 36 | + |
37 | 37 | <a href="https://www.npmjs.com/package/vue-qrcode-reader"> |
38 | 38 | <img src="https://img.shields.io/npm/v/vue-qrcode-reader.svg" alt="npm current version"> |
39 | 39 | </a> |
40 | | - |
| 40 | + |
41 | 41 | <br> |
42 | | - |
| 42 | + |
43 | 43 | <a href="https://github.com/semantic-release/semantic-release"> |
44 | 44 | <img src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg" alt="uses semantic release"> |
45 | 45 | </a> |
46 | | - |
| 46 | + |
47 | 47 | <br> |
48 | 48 | <br> |
49 | 49 | <a href="https://gruhn.github.io/vue-qrcode-reader/api/QrcodeStream.html">documentation</a> | |
|
53 | 53 | A set of Vue.js components, allowing you to detect and decode QR codes, without leaving the browser. |
54 | 54 |
|
55 | 55 | * :movie_camera: `QrcodeStream` accesses the device camera and continuously scans incoming frames. |
56 | | -* :put_litter_in_its_place: `QrcodeDropZone` renders to an empty region where you can drag-and-drop images to be decoded. |
| 56 | +* :put_litter_in_its_place: `QrcodeDropZone` renders to an empty region where you can drag-and-drop images to be decoded. |
57 | 57 | * :open_file_folder: `QrcodeCapture` is a classic file upload field, instantly scanning all files you select. |
58 | 58 |
|
59 | 59 | All components are responsive. Beyond that, close to zero styling. Make them fit your layout. Usage is simple and straight forward: |
@@ -91,7 +91,7 @@ This component fundamentally depends on the [Stream API](https://caniuse.com/#fe |
91 | 91 | * on iOS it **only** works with Safari |
92 | 92 | * *Chrome for iOS*, *Firefox for iOS* and so on are not supported (see [#29](../../issues/29)) |
93 | 93 | * even web apps added to home screen are not supported (see [#76](../../issues/76)) |
94 | | - |
| 94 | + |
95 | 95 | #### `QrcodeDropZone` and `QrcodeCapture` |
96 | 96 |
|
97 | 97 | The newest API these components depend on is the [FileReader API](https://caniuse.com/#feat=filereader). |
@@ -182,3 +182,11 @@ Vue.component('my-component', { |
182 | 182 | // ... |
183 | 183 | ) |
184 | 184 | ``` |
| 185 | +
|
| 186 | +# Acknowledgements |
| 187 | +
|
| 188 | +Tested with |
| 189 | +
|
| 190 | +<a href="https://browserstack.com"> |
| 191 | + <img width="180" src="https://raw.githubusercontent.com/gruhn/vue-qrcode-reader/master/.github/browserstack-logo.png" alt="BrowserStack Logo"> |
| 192 | +</a> |
0 commit comments