h5调用扫一扫功能

scan = null;//扫描对象
mui.plusReady(function () {
mui.init();
startRecognize();
});

    function startRecognize(){  
       try{  
          var filter;  
         //自定义的扫描控件样式  
         var styles = {frameColor: "#29E52C",scanbarColor: "#29E52C",background: ""}  
        //扫描控件构造  
        scan = new plus.barcode.Barcode('bcid',filter,styles);  
        scan.onmarked = onmarked;   
        scan.onerror = onerror;  
        scan.start();  
        //打开关闭闪光灯处理  
        var flag = false;  
        document.getElementById("turnTheLight").addEventListener('tap',function(){  
           if(flag == false){  
              scan.setFlash(true);  
              flag = true;  
           }else{  
             scan.setFlash(false);  
             flag = false;  
           }  
        });  
      }catch(e){  
        
         }  
      };  
        function onerror(e){  

// alert(e);
};
function onmarked( type, result ) {
var text = '';
switch(type){
case plus.barcode.QR:
text = 'QR: ';
break;
case plus.barcode.EAN13:
text = 'EAN13: ';
break;
case plus.barcode.EAN8:
text = 'EAN8: ';
break;
}
scan.close();
$('#bcid').remove();
// console.log(result.split('=')[1]);
location.href='zhifu.html?storeid='+result.split('=')[1];

        };    
              
    // 从相册中选择二维码图片   
    function scanPicture() {  
        plus.gallery.pick(function(path){  
            plus.barcode.scan(path,onmarked,function(error){  
                plus.nativeUI.alert( "无法识别此图片" );  
            });  
        },function(err){  
            plus.nativeUI.alert("Failed: "+err.message);  
        });  
    } 
    $('.mui-action-ss').on('tap',function(){
        scan.close();
        $('#bcid').remove();
        location.href='main.html';
    })

但是手机存在退出扫描页面会出现黑色框的问题，现在正在努力解决