@haxtheweb/barcode-reader v9.0.7
<barcode-reader>
Reader
Element to read barcodes and QR codes through a video stream
Usage
To use this web component in your project you can utilize one of the following styles of syntax.
/* In an existing JS module / web component */
import '@haxtheweb/barcode-reader/barcode-reader.js';
/* CDN */
<script type="module" src="https://cdn.hax.cloud/cdn/build/es6/node_modules/@haxtheweb/barcode-reader/barcode-reader.js"></script>Usage after imported
barcode-reader will give controls to show/hide and start the scanner, but the submit button to utilize the data is left up to the website.
Component Specific Attributes
value Value of the result.
scale Scale of the video as a number, no percentage sign.
hideinput Include value to hide the input tag and result. Shown by default.
Develop / Demo
Run npm start will start a local development server, open your default browser to display it, open your finder to the correct window and start watching the /src directory for changes and automatically rebuilding the element and documentation site for the demo.
$ npm startContributing
- Fork it!
git clone https://github.com/haxtheweb/webcomponents.git - Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -m 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request :D
Code style
Reader use Prettier to auto-format JS and JSON. The style rules get applied when you commit a change. If you choose to, you can integrate your editor with Prettier to have the style rules applied on every save.