HTML5 Canvas Phonegap Hammer.js - Pinch不起作用

HTML5 Canvas Phonegap Hammer.js - Pinch Doesn't Work

本文关键字：Pinch 不起作用 js Hammer Canvas Phonegap HTML5      更新时间：2023-09-26

我在使用Hammer.js缩放功能时遇到了麻烦。按下功能工作得很好，但我试图添加缩放/缩小功能与Pinch。在我添加mc.get('pinch')代码之前，应用程序在没有缩放功能的情况下运行良好。我到处都找遍了，就是找不到答案。请帮忙:)

var myElement = document.getElementById('myCanvas');
var mc = new Hammer.Manager(myElement);
/*App does not load at all with this line of code*/
mc.get('pinch').set({ enable: true });
/****/
mc.add(new Hammer.Press({
    event: 'press',
    pointer: 1,
    threshold: 20,
    time: 10
}));
mc.add(new Hammer.Pinch({
    event: 'pinch',
    pointer: 2,
    threshold: 10,
    time: 10
}));
var diagnostics = 0;
mc.on("press", function(event)
{
    x1 = event.center.x;
    y1 = event.center.y;
});
mc.on("pinchout", function(event)
{
    //This variable is declared.
    diagnostics++;
});
mc.on("pinchin", function(event)
{
    diagnostics--;
});

Android webview有300ms的延迟，这会破坏很多库，比如hammer.js。他们应该对此有一个修复。为了以防万一，在使用phonegap和Android时，我们使用fastclick.js

相关文章：