SwiperJS - Pinch zoom not zooming in correct pinched area - swiper.js

When I pinch zoom on an image, it does not zoom in on the area where I pinched.
It does not center on the part between the two fingers.
Site to try it out: https://swiperjs.com/demos#zoom
Tested the demo site on an iPhone in Safari and integrated a Swiper Component in an Ionic Capacitor App I'm building.
Any ideas to fix this? Or is there configuration I missed?
Best regards,
Peter

Related

Expo App with zoomed Icon after installed

I made a simple app to convert units using Expo.
However, the icon is zoomed in once installed.
It was supposed to be like this
This is a 1024x1024 image.
The source code of my app is here -> https://github.com/Elson0509/peuc
The app in the Google Play Store is here -> https://play.google.com/store/apps/details?id=com.elsonramos.peuc
Someone can help me?
Thank you
The latest Android versions support adaptive icons which scaled well for different icon layouts - Square, Round, Circle, and more.
Expo Team provide a template to design adaptive icon
https://www.figma.com/community/file/1155362909441341285
New link for the Expo Team template: https://www.figma.com/community/file/1155362909441341285

How to stop flickity from jumping in mobile viewport

I am using the Flickity slider (from Metafizzy) in a landing page to show different products. The slider is in portrait size and not landscape.
The issue is that when the user only scrolls the top portion of the slider into the viewport on mobile (i.e. 20-30%) and they attempt to scroll/swipe the slide, the screen suddenly jumps to attempt to include the whole slider into the viewport.
This never happens on the mobile emulator on the desktop, but only on the smartphone device on safari and google chrome browsers
Is this intended to be a specific behaviour for the Flickity slider? Like I should not be using it to make portrait sliders? I've gone through the plugin options and not able to fix this behaviour. It never came up in early testing with dummy content.
I've provided a link to the github page where it is happening, you can open it up in mobile browser and see the viewport "jumping" bug when you attempt to scroll the table. https://true-digital-channel.github.io/Galaxy11-Preorder/build/mobile.html
Disable the keyboard accessibility by setting accessibility: false in the carousel options. From the Flickity issue tracker.

Got blue camera screen with CaptureMedia on UWP

I got blue preview screen when start camera many time on UWP. I used MediaCapture and CaptureElement to implement camera screen. Do you guys have any experience with this issue, please help me.
Thanks you so much!
I found the solution. This issue happens because of device rotates many times when close-reopen camera screens continuously. I fixed it by change camera's initialization orientation to Portrait as same as application's.

Connect a slider to control zoom on iOS Camera App

I am learning Xcode and am playing around with the SquareCam sample code app that Apple provides.
What I want to do is to be able to zoom in and out of the image with a slider object rather than the gesture.
How can I do this? Thank you!

Zooming in image using scrollview Xcode

I am trying an iPad application using Xcode. I am just a beginner so there are things I don't know how to do. In my app, I have some images showing one by one by scrollview. Now, I want them to zoom in when double tap and zoom out when double tap again. Can anyone tell me how to zoom in and out using the same scrollview which is used to display all the images?
Thanks. :)
Please Refer the Apple Documents... Scroll View Programming Guide for iOS