How to set width and height to qr scanner in ionic 2? - ionic-framework

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....

Related

How to draw while screen recording is going on in Flutter using Canvas

I'm doing screen recording in Flutter using the below Plugin
https://pub.dev/packages/ed_screen_recorder
Now I'm trying to draw something over the mobile screen instead of within in the app, using Canvas while screen recording is going on. Can someone suggest some plugin or some working example of using canvas to draw on top of device screen in Flutter.

How to make an Image in Flutter span the entire width of the screen while making it scroll-able

I am looking for a way to make an image span the entire width of the screen(while in landscape mode) while making the height of the image scroll-able. The images I want to render are of resolution 800*12000. What is the correct way of doing this?
I am fairly new to Flutter and Dart so easy solution will be appreciated.
Thank you
I have tried using the Image.asset() constructor inside a ListView. While it works for some Images, it throws weird error for some(Edit: Flutter no longer throws an error after updating it to v1.5.4-hotfix.2 but it still doesn't load the images sometimes ). The app just freezes when I try to load some of these images. Sometimes the image is only loaded when the device is in landscape mode

Orientation change is not giving proper window height and width in PWA when launched from home screen icon in iPhone

Used sample html along with PWA.
Added the app to home screen using safari in iPhone.
In browser whenever there is an orientation change I am able to get the proper window inner height and width, whereas in app that is launched form the home screen icon it doesn't give the changed width and height immediately in the orientation change callback.
Can someone help me with this?
Device: iPhone 12 safari
It seems to be a bug in Webkit browsers:
https://bugs.webkit.org/show_bug.cgi?id=170595
Someone suggest:
To avoid creating a new element, The following workaround seems to work fairly well for me:
For non-Safari, get the layout viewport size from document.documentElement.clientHeight (& Width).
Unfortunately, Safari's documentElement size does not update when the URL bar hides so I couldn't just apply it to all Webkit browser, but this bug just doesn't happen to Safari.

cordova-plugin-qrscanner not showing up in ios

I used cordova-plugin-qrscanner for my ionic 2 application. When i click on a tab the scanner will be opened. It works perfectly in android, but in ios the camera is not shown on the screen but it scans blindly. When i change the orientation of the screen the camera is displayed properly.
I tried to reload the page usingwindow.location.reload() but it didnt work.
Thanks in advance.

Iphone ignores width of image

I'm trying to build a portfolio website, wich works on desktop and mobile devices.
This is what i have right now: http://i305098.iris.fhict.nl/Portfolio/
The problem is on the image in the showcase section ,the image doesn't display how it should be doing. It works fine on all browsers and even in the GC emulator of iphone 5 but when I show the page on my Iphone 5 the image totally ignores any width or height given in the CSS.
You should try using PHP constraints for the image so that it resizes itself nicely, (Are you using wordpress or ?)
That would be helpful, Thanks.