- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Hi everyone!
This is my first post so please be patient if my question is too basic :)
I saw this tutorial (http://qnimate.com/create-a-barcode-scanner-application-using-intel-xdk-and-php/) to make a barcode scanner and its amazing how easy is but now I want to get the coordinates of each corner points to draw lines on borders:
Red line for the upper side, green line for right side, blue line for left side and white line for bottom side.
Anybody knows how can I achieve it?
This is the link code:
<!DOCTYPE html> <html> <head> <title>Blank Hybrid App Project Template</title> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <style> @-ms-viewport { width: 100vw ; zoom: 100% ; } @viewport { width: 100vw ; zoom: 100% ; } @-ms-viewport { user-zoom: fixed ; } @viewport { user-zoom: fixed ; } </style> <script src="lib/ft/fastclick.js"></script> <link rel="stylesheet" href="css/app.css"> </head> <body> <button onclick="scanNow();">Scan</button> <script src="intelxdk.js"></script> <script src="cordova.js"></script> <script src="xhr.js"></script> <script src="js/app.js"></script> <script src="js/init-app.js"></script> <script src="js/init-dev.js"></script> <script> function scanNow() { intel.xdk.device.scanBarcode(); } document.addEventListener("intel.xdk.device.barcode.scan",function(evt){ if (evt.success == true) { alert(evt.codedata); } else { alert("Please try again"); } },false); </script> </body> </html>
If its not possible, do you think it would be possible with zxing and how?
Thank you all.
- Tags:
- HTML5
- Intel® XDK
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
That screen with camera is part of the plugin, you have to make that change in the plugin's ios and android code.
Here is the source to the cordova plugin that has the barcode scanner: https://github.com/01org/cordova-plugin-intel-xdk-device
(the barcode scanner code was removed in last checkin, u may have to pull, undo last couple commits and then look at the code to modify)
Link Copied
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Are you trying to add boundary on the QR scanner overlay ?
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Yes, that is what I want, even if the qr code is bow-legged like the windows phone default qr reader app:
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
That screen with camera is part of the plugin, you have to make that change in the plugin's ios and android code.
Here is the source to the cordova plugin that has the barcode scanner: https://github.com/01org/cordova-plugin-intel-xdk-device
(the barcode scanner code was removed in last checkin, u may have to pull, undo last couple commits and then look at the code to modify)
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
Thanks Rakshith, I´ll try it

- Subscribe to RSS Feed
- Mark Topic as New
- Mark Topic as Read
- Float this Topic for Current User
- Bookmark
- Subscribe
- Printer Friendly Page