图片放大镜效果插件panzoom

1、安装panzoom

panzoom

npm install panzoom --save

2、使用panzoom实现效果

import panzoom from 'panzoom'
import { Component, OnInit,Input } from '@angular/core';
import {ModalController} from "@ionic/angular"

@Component({
  selector: 'app-img-big',
  templateUrl: './img-big.component.html',
  styleUrls: ['./img-big.component.scss'],
})
export class ImgBigComponent implements OnInit {
  @Input() url:any
  constructor(public modal:ModalController) {

   }

  ngOnInit() {
    var emelent=document.getElementById('pdfImg')
    panzoom(emelent)
  }
  
}

实现效果