fengyuanchen / viewerjs

JavaScript image viewer.
https://fengyuanchen.github.io/viewerjs/
MIT License
7.81k stars 1.24k forks source link

移动端 内联模式下 高概率偶现 单击会缩放 放大 放小。 应该是双击触发缩放才对。 调试代码 发现,单击会触发 双击事件。希望作者修复 #592

Closed houguotao956051323 closed 1 year ago

houguotao956051323 commented 1 year ago
this.viewer = new Viewer(this.$refs['preview-image'], {
  inline: true,
  button: false,
  navbar: false,
  title: false,
  toolbar: false,
  keyboard: false,
  loading: false,
  tooltip: false,
  transition: true,
  backdrop: false, //  关闭背景遮罩
  rotatable: false,
  scalable: false,
  slideOnTouch: false,
  zoomOnTouch: true,
  zoomOnWheel: false,
  fullscreen: false,
  initialCoverage: this.initialCoverage,
  maxZoomRatio: 1.5,
  viewed: e => {
    this.viewer.image.addEventListener(
      'transitionend',
      () => {
        this.viewer.options.minZoomRatio = this.viewer.imageData.ratio;
        this.viewed = true;
      },
      { once: true }
    );
  },
  view: () => {
    // 动态加载图片后,更新实例
    this.viewer.update();
  },
  hide: e => {
    e.preventDefault();
  },
});
fengyuanchen commented 1 year ago

update 方法使用时机不对,不能再 view 里面使用。。。

fengyuanchen commented 1 year ago

仔细看看 view 事件说明,不要滥用 view 钩子函数。