I’ve been struggling with zooming in for a while.
What I want to do is zoom in on a piece of text inside of a div using the regular gestures you use on an image. This is what I found and have been messing around with. I know that the zoom attribute has to be inside a ion-scroll, besides that I have no idea what’s missing or faulty.
Have I understood right, that you want to zoom our text? Not the whole app, images etc., only text, for maybe better readabillity. Maybe you can use text scaling instead.
Maybe you can use in your html tag
[ngStyle]="{ 'color': color, 'font-size': size, 'fontFamily': font }"
where color, font and size are propertys in our .ts, which you can controll as you want. ‘font-size’ points to css, size points to your property. I prefer em as font scaling.
Look to the ‘’ because ‘color’: ‘red’ gives a red color and ‘color’: red points to property named red . Also look to difference in css with ; and here with ,
Hay I’m also looking for the same and some how I manage to do so my creating custom directive which watch content pinch event and based on it scale property it sets the font size.