A workable solution for pinch and zoom images on pages

Since I had a hard time finding a simple solution, I thought I should post How i worked out this issue.

  1. In your page, use the drag and drop to insert your image.
  2. Click on the image and choose “convert to html” convert it.
  3. In the resulting html wrap it with the following code:
<ion-scroll zooming="true" direction="xy"> </ion-scroll>

It’s not pretty, but it does the job.