I have implemented a barcode scanner using (https://ionicframework.com/docs/native/barcode-scanner). How can I display a custom HTML at the top as shown in the image below on the camera stream?
Related
How to design a custom photo gallery in flutter.
How to retrieve all the .jpg and .png file paths from mobile internal storage and show them in list view or grid view on the screen.
Attached reference video for better understanding.
https://drive.google.com/file/d/16EkxLchqr57yAZkbmmlfzP22U3wYfxu7/view?usp=sharing
I am using qr scanner in my ionic2 application.I am uisng this link
https://ionicframework.com/docs/native/qr-scanner/.
All are working fine, but camera shows entire screen.
I want to show certain width and height of qrscanner.
please help me....
I am building an app on Ionic and have integrated the ngcordova API. I'm wondering if there is a way to select an image from a gallery in my app and then open the camera and overlay, position, resize, screenshot etc the image on top of the camera view?
Yes, it is possible to do that.
You can wrap a <video> item and a <canvas> item in a <div> container, then attach camera to video (use getUserMedia() API).
You can capture screenshots from your camera: try using drawImage API of canvas/context (see for example http://appcropolis.com/blog/web-technology/using-html5-canvas-to-capture-frames-from-a-video/).
The <div> container can be used to keep (via CSS) video and canvas elements together and manage resize/position properly.
The <canvas> element can be used to draw pictures overlayed to the video (using a CSS opacity value).
GetUserMedia API (and other WebRTC APIs) are available on Android thanks to Crosswalk which is an alternative WebView in an Ionic/Cordova project.
I am working on barcode reader app which reads barcode and display, its data using zbar Sdk or zxing SDK.
Now client wants to customize the square bracket which appears when camera auto focus the barcode.
How to customize it like this???
http://i.stack.imgur.com/NkKQr.png
Thanks
I need to show barcode string(example :1001847983) into barcode image in A UIView. Does the iPhone SDK supports barcode fonts?
I don't need reading the barcode, I just want to show the string in barcode lines.
Learn how to add custom fonts to your app
Can I embed a custom font in an iPhone application?
Then find yourself a barcode font
http://www.google.com/search?q=barcode+fonts
No, there is no built-in way to display barcodes. You'll have to create a custom view to convert and display them yourself. Simplest way would probably be to make each black line an opaque, empty UIView and add a lot of them with the correct frames to a UIView subclass.
Built-in iPhone fonts are here:
http://daringfireball.net/2007/07/iphone_fonts