Ionic - Zoom sur l'élément SVG en ligne

Question

J'ai une application Ionic avec une carte SVG en ligne (elle doit être intégrée car il y a des fonctionnalités dans le SVG).

je pourrais poster tout le code SVG, mais comme il est de 1000 règles, je pense que c'est un peu plus .. Voici ce que j'ai:

<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> 

Le résultat est cet élément SVG:

Pour une raison quelconque, je ne peux pas zoomer sur l'élément SVG avec ce morceau de code qui devrait fonctionner ..

Answer 1

Vérifier ion-scroll API.

Vous avez défini les attributs incorrects:

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