How to display an image in Ionic without losing quality


#1

I have an app with single page with a button and when i click on the button it takes me to another page where i have an image…how to display this image properly? Image has a resolution of 1288x1796 px and it needs to be scaled…but when i use ion-scroll tags the image width is 100% and if a user zooms the image, the image quality is very bad…

<ion-scroll direction="xy" scrollbar-x="false" scrollbar-y="false" overflow-scroll="false" zooming="true" min-zoom="0.2" style="width: 100%; height: 100%" >
            <img src="img/image.jpg" >
		</ion-scroll>

How to display an image properly?


#2

I ran into this issue while trying to display an image in an Ionic v1 ion-scroll container and was able to address it. I posted my results on StackOverflow: