這是一個用來掃描二維碼的cordova插件,在做項目的時候想實現類似於微信的掃一掃功能,就想到了cordova的$cordovaBarcodeScanner插件,用很少量的代碼就可以實現了,下面來看一下具體的實現步驟:
1、加入掃碼插件
cordova plugin add https://github.com/wildabeast/BarcodeScanner.git
或者
cordova plugin add https://github.com/phonegap/phonegap-plugin-barcodescanner.git
2、插件調用
1 $scope.scanBarcode = function() { 2 $cordovaBarcodeScanner.scan().then(function(imageData) { 3 //獲取掃描的值4 $scope.text=imageData.text; 5 }, function(error) { 6 console.log("An error happened -> " + error); 7 }); 8 };
3、 修改基於zxing庫的cordova掃描二維碼插件BarcodeScan掃碼界面的UI
參考地址:http://blog.csdn.net/ECNU_DF/article/details/50507075
此部分為修改掃碼界面,具體的實現方案,我按上述地址的資料,一步步修改,發現我的項目與其有差異,沒能實現,如果你有更好的的實現方法,希望您能告知與我,謝謝~