Barcode的一个实现案例

一、简介

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

二、实现的效果

三、实现 代码

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

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

   a，div占满整个页面

       1，此div宽高都为100%，父级元素的高度也为此(依次类推直至根节点)，或者此div的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实现的二维码扫描功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对潘少俊衡网站的支持！