平移和缩放

Question

我正在创建一个应用程序，我需要在手指捏上放大/缩小文档。 我使用了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个手指触摸并相应地执行缩放。 任何人都可以建议如何实现这一目标？