chrome 55 中的缩放平移问题

Posted 2023-05-07

技术标签:

【中文标题】chrome 55 中的缩放平移问题【英文标题】：zoom pan issue in chrome 55 【发布时间】：2017-05-16 07:33:50 【问题描述】：

我正在使用 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 中运行的演示页面。

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

【问题讨论】：

【参考方案1】：

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