Ionic - 放大内联 SVG 元素

Question

我有一个带有内联 SVG 地图的 Ionic 应用程序（它必须是内联的，因为 SVG 中提供了功能）。

我可以发布所有 SVG 代码，但由于它有 1000 条规则，我认为这有点多。这就是我所拥有的：

<ion-header>
    <ion-navbar color='primary'>
        <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
        <ion-title>Plattegrond</ion-title>
        <ion-buttons end>
            <button ion-button icon-only (click)="openPopover($event)">
        <ion-icon name="more"></ion-icon>
      </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content style="background-color: #000;">
    <ion-scroll zooming="true" direction="xy">
         <svg>
             //svg element
         </svg>
    </ion-scroll>
</ion-content>

结果是这个 SVG 元素：

由于某种原因，我无法使用这段代码放大 SVG 元素，这应该可以正常工作..

Answer 1

检查ion-scroll API。

你设置了错误的属性：

<ion-content style="background-color: #000;">
    <ion-scroll zoom="true" scrollX="true" scrollY="true">
         <svg>
             //svg element
         </svg>
    </ion-scroll>
</ion-content>