平武建站

MUI框架使用HTML5怎么实现二维码扫描功能

这篇文章给大家分享的是有关MUI框架使用HTML5怎么实现二维码扫描功能的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

创新互联拥有一支富有激情的企业网站制作团队，在互联网网站建设行业深耕十多年，专业且经验丰富。十多年网站优化营销经验，我们已为成百上千中小企业提供了成都网站建设、网站设计解决方案，定制网站开发，设计满意，售后服务无忧。所有客户皆提供一年免费网站维护!

 一、简介

Barcode模块管理条码扫描，提供常见的条码（二维码及一维码）的扫描识别功能，可调用设备的摄像头对条码图片扫描进行数据输入。通过plus.barcode可获取条码码管理对象。

二、实现的效果

MUI框架使用HTML5怎么实现二维码扫描功能

三、实现 代码

  
  
     
      
      
      
      
      
      
     
    
    
  
        
      
物品二维码扫描
  
        
    
  
    
     
                   
    
  
    
  
        
从相册选择二维码
  
        
取　 消

三、做的过程中遇见的问题

a，p占满整个页面

1，此p宽高都为100%，父级元素的高度也为此(依次类推直至根节点)，或者此p的position为absolute;

2，可采用js动态设置页面宽高

var height = window.innerHeight + 'px';//获取页面实际高度  
var width = window.innerWidth + 'px';  
document.getElementById("bcid").style.height= height;  
document.getElementById("bcid").style.width= width;

b,扫描控件有上下边距

采用填充黑色来淡化视觉上面的差异，未实际解决。

感谢各位的阅读！关于MUI框架使用HTML5怎么实现二维码扫描功能就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！


文章标题：MUI框架使用HTML5怎么实现二维码扫描功能
分享URL：http://pwwzsj.com/article/gjiogi.html

其他资讯