在捏合手势缩放图像(scaling image on pinch gesture)

我使用jQuery 棘手的插件检测掐事件给用户在输入/输出放大的图像的能力。 这里是我的代码的要点：

var w = 800,
    h = 600;
$('img').on('touchy-pinch', function (e, $target, data) {
    $(this).css({
        width: w * data.scale,
        height: h * data.scale
    });
});

凡自定义数据对象包含以下内容：

• 规模
• previousScale
• 当前点
• 起点
• startDistance

它正常工作的第一捏，但是一旦我的手指离开屏幕，然后我试着做一遍，图像重秤备份。 如何修改我的处理程序，使图像不断离开的地方，而不是重新规模有多大？ 使用数据的previousScale没有帮助，因为previousScale刚刚被重置为好。

Answer 1:

这里的问题是，你没有重置瓦尔W和H他们后分频值，只有CSS，所以风格恢复到800×600的另一个大规模事件。 你需要被设置为一个持续的W和H w*data.scale和h*data.scale上规模的事件。

文章来源: scaling image on pinch gesture