在大图像上缩放属性

Question

我正在渲染pdf图像，该图像很可能是更大的视口，然后是可用的视口大小，因此需要滚动。使用内置的ionic-scroll指令可以正常工作。问题与缩放有关，我必须能够在不进行重新渲染过程的情况下进行缩放，尝试使用css scale属性，但是随后我无法滚动到图像的边缘，Im只能部分滚动并且无法滚动整个图像。

    <ion-content id="ct">
  <ion-scroll  id='scroll' scrollX="true" scrollY="true" zoom="true" (press)="addDefect($event)">
  <div id="container" #container>
    <div id="the-svg"></div>
  </div>
  </ion-scroll>
</ion-content>


zoom(scale: number) {
    this.scale = scale;
    (document.getElementById("ct") as any).style.transform = `scale(${scale})`;
    (document.getElementById("ct") as any).style.transformOrigin = 'center';
  }