jQuery MouseWheel 事件到捏事件答案

【问题标题】：jQuery MouseWheel Event To Pinch EventjQuery MouseWheel 事件到捏事件
【发布时间】：2019-05-14 08:11:37
【问题描述】：

我正在将我的项目转换为 cordova 应用程序。但我陷入了鼠标滚轮事件。科尔多瓦的这个事件有什么意义？

我有一张画布和一些物品。我使用鼠标滚轮事件放大/缩小。我想将它绑定到捏事件。有插件吗？

ps。我正在使用fabricjs

这是我的代码部分：

canvas = this.__canvas = new fabric.Canvas('c', { width: 1200, height: 3000 });

$(canvas.wrapperEl).on('mousewheel', function(e) {    
            var objects = canvas.getObjects();
            var delta = e.originalEvent.wheelDelta / 120;
            var factor = 1 + delta*(10/100);

               for (let i in objects) {
                var scaleX = objects[i].scaleX;
                var scaleY = objects[i].scaleY;
                var left = objects[i].left;
                var top = objects[i].top;

                var tempScaleX = scaleX * factor;
                var tempScaleY = scaleY * factor;
                var tempLeft = left * factor;
                var tempTop = top * factor;

                objects[i].scaleX = tempScaleX;
                objects[i].scaleY = tempScaleY;
                objects[i].left = tempLeft;
                objects[i].top = tempTop;

                objects[i].setCoords();
            }
            canvas.renderAll();
            canvas.calcOffset();
            return false;

        });

【问题讨论】：

标签： jquery cordova jquery-mobile

【解决方案1】：

如果您正在寻找插件，那么hammer.js 会提供捏合以及其他不同的多点触控事件，例如滑动和点击。 http://hammerjs.github.io/recognizer-pinch/

你可以在这里找到捏的例子： http://hammerjs.github.io/examples/

【讨论】：