Question

我正在尝试使用svg-pan-zoom库，并且在放大/缩小和鼠标拖动鼠标x，y位置时出现错误，想要更新它，但不知道如何执行。这就是我创建svgPanZoom的方法：

panZoom(x,y){
   this.panZoomResizer = svgPanZoom('svg',{
      viewportSelector: '.svg-pan-zoom_viewport'
      , panEnabled: true
      , controlIconsEnabled: false
      , zoomEnabled: true
      , dblClickZoomEnabled: false
      , mouseWheelZoomEnabled: true
      , controlIconsEnabled: false
      , preventMouseEventsDefault: true
      , zoomScaleSensitivity: 0.4
      , minZoom: 0.5
      , maxZoom: 10
      , fit: true
      , contain: false
      , center: true
      , eventsListenerElement: document.querySelector('svg .svg-pan-zoom_viewport')
   });
}

并希望发送值以更新视图框，但不知道如何设置它。

const distX = (snap.xMouse - this.fp.posX);
const distY = (snap.yMouse - this.fp.posY);
this.panZoom(distX, distY);

Answer 1

这里缺少很多代码，因此最好张贴整个函数/类。猜想您可能想致电this.panZoomResizer.panZoom(distX, distY);

如何在svg-pan-zoom库中更新Viewbox？

1 个答案: