jQuery 鼠标滚轮事件到捏合事件
jQuery MouseWheel Event To Pinch Event
我正在将我的项目转换为 cordova 应用程序。但我陷入了鼠标滚轮事件。
这个事件在 cordova 中等于多少?
我有一个 canvas 和一些东西。我使用鼠标滚轮事件缩小 in/zoom。我想将它绑定到捏事件。有插件吗?
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;
});
如果您正在寻找插件,那么 hammer.js 提供捏合以及其他不同的多点触控事件,例如滑动和点击。
http://hammerjs.github.io/recognizer-pinch/
您可以在此处找到 pinch 的示例:
http://hammerjs.github.io/examples/
我正在将我的项目转换为 cordova 应用程序。但我陷入了鼠标滚轮事件。 这个事件在 cordova 中等于多少?
我有一个 canvas 和一些东西。我使用鼠标滚轮事件缩小 in/zoom。我想将它绑定到捏事件。有插件吗?
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;
});
如果您正在寻找插件,那么 hammer.js 提供捏合以及其他不同的多点触控事件,例如滑动和点击。 http://hammerjs.github.io/recognizer-pinch/
您可以在此处找到 pinch 的示例: http://hammerjs.github.io/examples/