chrome 55 中的缩放平移问题

Question

我正在使用 Timmywil 的 panzoom 插件 https://github.com/timmywil/jquery.panzoom

在我的项目中。到目前为止，它一直运行良好。但是自从 chrome 的最新更新后它就坏了。它缩放一次，但如果您开始平移，视图将重置为原始位置。它适用于鼠标滚轮，但捏合缩放不起作用。此问题出现在 android 移动设备上的 chrome 版本 55 上。这是分叉测试 fiddle link

http://jsfiddle.net/trupti11/c3umpgud/

var $x = $('#x'), $y = $('#y');
var svg = $('svg').on('mousemove', function(e) {
    $x.text(e.clientX);
    $y.text(e.clientY);
    })[0];
var box = svg.getBoundingClientRect();
var $panzoom = $("#viewport").panzoom({
    cursor: 'default',
    increment: 4,
    minScale: 0.5,
    maxScale: 16,
    rangeStep: 2,
    transition: true,
    duration: 200,
    easing: "ease-in-out",
    $zoomIn: $('.zoom-in'),
    $zoomOut: $('.zoom-out'),
    $zoomRange: $('.zoom-range'),
    focal: {
        clientX: 108,
        clientY: 132
    }
});

var instance = $panzoom.panzoom('instance');
instance.parentOffset = { top: 32, left: 8 };

$('#pan').on('click', function(e) {
    $panzoom.panzoom('pan', 10, 10, { relative: true, animate: true });
});

我尝试使用最新的插件文件更新但没有改变。

任何人都可以解释一下吗？

这是另一个演示页面，它在 Android Chrome 版本 55 中不起作用。

http://timmywil.github.io/jquery.panzoom/demo/

Answer 1

这是对我有用的解决方案。我必须更新到新的 js 文件和注释行

"this.panning = true"

第 1164 行。
由于此更改而导致的另一个问题是我的图像视图被向下移动到页面中心 div 的一半。但是我通过指定主页的高度对其进行了排序div。

查看以下链接了解更多详情
https://github.com/timmywil/jquery.panzoom/issues/308
https://github.com/timmywil/jquery.panzoom/issues/303

chrome 55 中的缩放平移问题

zoom pan issue in chrome 55

jquery

jquery.panzoom