Ich verwende panzoom Plugin von Timmywil https://github.com/timmywil/jquery.panzoomZoom pan Ausgabe in Chrom 55
in meinem Projekt. Es hat bis jetzt gut funktioniert. Aber seit dem letzten Update von Chrome ist es kaputt. Es wird einmal vergrößert, aber wenn Sie mit dem Panning beginnen, wird die Ansicht auf die ursprüngliche Position zurückgesetzt. Es funktioniert mit Mausrad aber Prise Zoom funktioniert nicht. Dieses Problem tritt bei Chrome-Version 55 auf Android Mobile auf. Hier ist die gegabelten Test Geige 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 });
});
ich mit den neuesten Plugin-Dateien versucht zu aktualisieren, aber nicht ändern.
Kann jemand etwas Licht abwerfen?
Hier ist eine weitere Demo-Seite, die in Android Chrome-Version nicht funktioniert 55.
http://timmywil.github.io/jquery.panzoom/demo/