The QR code scanning function based on the MUI framework is implemented using html5. the mui framework HTML5

Source: Internet
Author: User
Tags nativeui

The QR code scanning function based on the MUI framework is implemented using html5. the mui framework HTML5

An Implementation case of Barcode

I. Introduction

The Barcode module manages bar code scanning and provides scanning and identification functions for common bar codes (QR codes and One-Dimension codes). You can use the camera of the device to input data for bar code scanning. You can use plus. barcode to obtain the bar code management object.

II. Implementation results

Iii. Implementation Code

<! Doctype html> 

Iii. problems encountered during the process

A. div occupies the entire page

1. The width and height of this div are 100%, and the height of the parent element is also (and so on until the root node), or the position of this div is absolute;

2. You can use js to dynamically set the page width and height.

Var height = window. innerHeight + 'px '; // obtain the actual page height var width = window. innerWidth + 'px '; document. getElementById ("bcid "). style. height = height; document. getElementById ("bcid "). style. width = width;

B. The scan control has the upper and lower margins.

Fill in black to reduce the visual differences, which have not been solved. (If you solve the problem, please leave a message. Thank you)

Summary

The above section describes the QR code scanning function implemented by using HTML5 Based on the MUI framework. I hope it will be helpful to you. If you have any questions, please leave a message for me, the editor will reply to you in a timely manner. Thank you very much for your support for the help House website!

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.