Увеличение масштаба изображения в Chrome 55

Question

Я использую Panzoom плагин Timmywil https://github.com/timmywil/jquery.panzoom

в моем проекте. До сих пор все работало нормально. Но с момента последнего обновления Chrome он не работает. Это увеличивает один раз, но если вы начинаете панорамирование, вид сбрасывается в исходное положение. Он работает с колесом мыши, но масштабирование не работает. Эта проблема появляется на Chrome версии 55 на Android Mobile. Вот ссылка на разветвленную тестовую скрипку

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.

Проверьте ниже ссылки для более подробной информации
https://github.com/timmywil/jquery.panzoom/issues/308
https://github.com/timmywil/jquery.panzoom/issues/303