通过捏合手势缩放图像

我正在使用 jQuerytouchy用于检测捏合事件的插件，使用户能够放大/缩小图像。这是我的代码的要点：

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

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

• scale
• 以前的规模
• 当前点
• 起点
• 起始距离

第一次捏时效果很好，但一旦我的手指离开屏幕，然后我尝试再次执行此操作，图像就会重新缩放。如何修改我的处理程序，以便图像从中断处继续，而不是重新缩放？使用数据的 previousScale 没有帮助，因为 previousScale 也会被重置。

这里的问题是，您没有将变量 w 和 h 重置为其缩放后的值，而只是重置 css，因此样式在另一个缩放事件中恢复为 800x600。您需要将 w 和 h 设置为w*data.scale and h*data.scale关于规模盛会。