我记录

ionic 组件之二维码扫描

掷鸡蛋者 发布于 2015/5/25 14:40 浏览: 7666 回复: 0 所在分类:ionic

一、简介

开源软件 https://github.com/wildabeast/BarcodeScanner/ 可以支持各种类型的扫描,包括二维码等等……

  • QR Code

  • Data Matrix

  • UPC E

  • UPC A

  • EAN 8

  • EAN 13

  • Code 128

  • Code 39

  • ITF

插件内部使用类库 https://github.com/zxing/zxing 

二、安装插件


首先准备项目:

ionic start IonicProject blank

cd IonicProject

ionic platform add android

ionic platform add ios

1、安装插件

cordova plugin add https://github.com/wildabeast/BarcodeScanner.git

2、下载 ng-cordova 相应 js

下载 https://github.com/driftyco/ng-cordova/releases 

将其中的 ng-cordova.min.js 拷贝到项目的 www/js 目录

修改 index.html 代码

<script src="lib/ionic/js/ionic.bundle.js"></script>

<script src="js/ng-cordova.min.js"></script>

<script src="cordova.js"></script>

<script src="js/app.js"></script>

三、使用类库


1、修改 app.js

angular.module('starter', ['ionic', 'ngCordova'])

2、使用扫描功能

exampleApp.controller("ExampleController", function($scope, $cordovaBarcodeScanner) {


$scope.scanBarcode = function() {

$cordovaBarcodeScanner.scan().then(function(imageData) {

alert(imageData.text);

console.log("Barcode Format -> " + imageData.format);

console.log("Cancelled -> " + imageData.cancelled);

}, function(error) {

console.log("An error happened -> " + error);

});

};


});


掷鸡蛋者2015/5/25 14:40

留下脚印

踩一脚
copyright © 用微博记录这个时代 2010-2014
Powered by 我记录2.0
Processed in 0 seconds, 0 queries