| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Barcode Example</title>
- <script type="text/javascript" >
- // 扩展API加载完毕后调用onPlusReady回调函数
- document.addEventListener( "plusready", onPlusReady, false );
- // 扩展API加载完毕，现在可以正常调用扩展API
- function onPlusReady() {
- var e = document.getElementById("scan");
- e.removeAttribute( "disabled" );
- }
- var scan = null;
- 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;
- }
- alert( text+result );
- }
- function startRecognize() {
- var filter;
- var styles = {frameColor: "#333",scanbarColor: "#999",background: "#000"};
- scan = new plus.barcode.Barcode('bcid', filter, styles);
- scan.onmarked = onmarked;
- scan.start({vibrate: true});
- }
- function startScan() {
- scan.start();
- }
- function cancelScan() {
- scan.cancel();
- }
- function closeRecognize() {
- scan.close();
- }
- </script>
- <style type="text/css">
- *{
- -webkit-user-select: none;
- }
- html,body{
- margin: 0px;
- padding: 0px;
- height: 100%;
- }
- #bcid {
- background:#0F0;
- height:480px;
- width:360px;
- }
- </style>
- </head>
- <body >
- <input type='button' οnclick='startRecognize()' value='创建扫描控件' />
- <input type='button' οnclick='startScan()' value='开始扫描' />
- <input type='button' οnclick='cancelScan()' value='取消扫描' />
- <input type='button' οnclick='closeRecognize()' value='删除扫描控件' />
- <div id= "bcid"></div>
- <input type='text' id='text'/>
- </body>
- </html>
|
