我正在使用 Timmywil 的 panzoom 插件 https://github.com/timmywil/jquery.panzoom
在我的项目中。到目前为止，它一直运行良好。但是自从chrome的最新更新以来，它就坏了。它会缩放一次，但如果您开始平移视图会重置为原始位置。它适用于鼠标滚轮，但捏缩放不起作用。此问题出现在 Android 手机上的 chrome 版本 55 上。这是分叉的测试小提琴链接
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 中运行的演示页面。