我正在创建一个应用程序,我需要在手指捏合时放大/缩小文档。我也使用了 Viewport.js,但有一个小的限制。当文档被重绘时,它只从左上角重绘。我需要在至少 2 个方向上显示效果。我也需要javascript中的代码。
else if (evt.touches != null && evt.touches.length == 2) {
//when touched with 2 fingers, i.e for zooming
//Zooming only if the page is opened in 'view' mode
if (pageScope.mode == 'view') {
var touchx1 = evt.touches[0].pageX;
var touchy1 = evt.touches[0].pageY;
var touchx2 = evt.touches[1].pageX;
var touchy2 = evt.touches[1].pageY;
var distXY = Math.sqrt(Math.pow((touchx2 - touchx1), 2) + Math.pow((touchy2 - touchy1), 2));
if (distXY > dist) {
viewport.zoomIn();
} else if (distXY < dist) {
viewport.zoomOut();
}
viewport.draw();
dist = distXY;
}
}
附加的代码检测到 2 个手指触摸并相应地执行缩放。谁能建议如何实现这一目标?