如何在Ionic应用程序中调用上下文菜单来保存图像？

<ion-header>
  <ion-toolbar>
    <ion-title>
      Image
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-button expand="full" (click)="showContextMenu()">
    Show Context Menu
  </ion-button>

  <img [src]="imageUrl" alt="Image">
</ion-content>

import { Component } from '@angular/core';
import { ContextMenuController } from '@ionic/angular';

@Component({
  selector: 'app-image',
  templateUrl: './image.page.html',
  styleUrls: ['./image.page.scss'],
})
export class ImagePage {
  imageUrl: string = 'path/to/image.jpg';

  constructor(private contextMenuCtrl: ContextMenuController) { }

  async showContextMenu() {
    const contextMenu = await this.contextMenuCtrl.create({
      header: 'Image Options',
      buttons: [
        {
          text: 'Save Image',
          icon: 'save',
          handler: () => {
            this.saveImage();
          }
        },
        // Add more buttons for other options
      ]
    });
    await contextMenu.present();
  }

  saveImage() {
    // Logic to save the image
  }
}