Contact us Create app

Directory

← Back

granite-qrcode-scanner

A webcomponent to scan a QR Code

Author

Rating

Links

Popularity

<100

[ This description is mirrored from README.md at github.com/LostInBrittany/granite-qrcode-scanner on 2019-05-22 ]

Published on webcomponents.org

granite-qrcode-scanner

A webcomponent to scan a QR Codes, using a modified version of Lazersoft's jsqrcode library, to allow jsqrcode to deal with ShadowDOM

Built on lit-element

The old Polymer 2.x-1.x version is available on the polymer-hybrid branch.

Doc & demo

https://lostinbrittany.github.io/granite-qrcode-scanner

Usage example

<granite-qrcode-scanner active continuous></granite-qrcode-scanner>

Install

Install the component using npm:

$ npm i @granite-elements/granite-qrcode-scanner

Once installed, import it in your application:

import '@granite-elements/granite-qrcode-scanner/granite-qrcode-scanner.js';

Running demos and tests in browser

  1. Fork the granite-qrcode-scanner repository and clone it locally.

  2. Make sure you have npm and the Polymer CLI installed.

  3. When in the granite-qrcode-scanner directory, run npm install to install dependencies.

  4. Serve the project using Polyumer CLI:

    polymer serve --npm

  5. Open the demo in the browser

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

License

MIT License

Compatibility

(Loading compatibility data...)

Last updated: 2017-10-09

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

  • LostInBrittany/granite-qrcode-decoder#^1.0.2
  • LostInBrittany/granite-app-media-periodic-image-capture#^1.0.1
  • PolymerElements/paper-fab#^2.0.0
  • PolymerElements/iron-iconset-svg#^2.2.0
  • PolymerElements/paper-ripple#^2.1.0
Released
2018-03-07
Maturity
IMPORTED
License
Other

Compatibility

Framework
Polymer 2.0+
Polymer 1.0+ in 1.3.5
Browser
Browser Independent

granite-qrcode-scanner - Vaadin Add-on Directory

A webcomponent to scan a QR Code granite-qrcode-scanner - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/LostInBrittany/granite-qrcode-scanner](https://github.com//LostInBrittany/granite-qrcode-scanner/blob/3.0.2/README.md) on 2019-05-22 ]** [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/LostInBrittany/granite-qrcode-scanner) # granite-qrcode-scanner > A webcomponent to scan a QR Codes, > using [a modified version](https://github.com/LostInBrittany/jsqrcode) of [Lazersoft's jsqrcode](https://github.com/LazerSoft/jsqrcode) library, to allow `jsqrcode` to deal with ShadowDOM > > > Built on [lit-element](https://github.com/Polymer/lit-element) > > The old Polymer 2.x-1.x version is available on the [`polymer-hybrid` branch](https://github.com/LostInBrittany/granite-qrcode-decoder/tree/polymer-hybrid). ## Doc & demo [https://lostinbrittany.github.io/granite-qrcode-scanner](https://lostinbrittany.github.io/granite-qrcode-scanner) ## Usage example ```html ``` ## Install Install the component using [npm](https://www.npmjs.com/): ```sh $ npm i @granite-elements/granite-qrcode-scanner ``` Once installed, import it in your application: import '@granite-elements/granite-qrcode-scanner/granite-qrcode-scanner.js'; ## Running demos and tests in browser 1. Fork the `granite-qrcode-scanner` repository and clone it locally. 1. Make sure you have [npm](https://www.npmjs.com/) and the [Polymer CLI](https://www.polymer-project.org/3.0/docs/tools/polymer-cli) installed. 1. When in the `granite-qrcode-scanner` directory, run `npm install` to install dependencies. 1. Serve the project using Polyumer CLI: `polymer serve --npm` 1. Open the demo in the browser - http://127.0.0.1:8080/components/@greanite-elements/granite-qrcode-scanner/demo ## Contributing 1. Fork it! 2. Create your feature branch: `git checkout -b my-new-feature` 3. Commit your changes: `git commit -m 'Add some feature'` 4. Push to the branch: `git push origin my-new-feature` 5. Submit a pull request :D ## License [MIT License](http://opensource.org/licenses/MIT)
Online