在 Kineticjs Canvas 中使用 Hammerjs 事件
Using Hammerjs events within the Kineticjs Canvas
我正在尝试在 Kinetic.js 画布中使用 Hammer.js 事件,但似乎无法让它工作。我已经尝试了以下两种方法:
var background = new Kinetic.Rect({
x: 0,
y: 0,
width: image.getWidth(),
height: image.getHeight(),
id: "background",
fill: 'rgba(159, 255, 200, 0.0)',
});
pointLayer.add(background);
pointLayer.draw();
background.hammer().on('tap', function (e) {
console.log("Background tapped");
});
或
Hammer(background).on('tap', function (e) {
console.log("Background tapped");
});
使用第一种方法时,我收到错误"没有方法'锤子'"。另一个我没有收到任何消息。是否可以在 Kinetic.js 画布中使用 Hammer.js?
这是可能的。但是你不能用锤子听kineticjs对象。你可以听纪录片。例如图层或整个舞台元素的画布。
var transformer = Hammer(stage.getContainer()) //kineticjs stage
transformer.on("transformstart", function(){
// your code
});
更新:
目前您可以使用 KineticJS 节点和 HammerJS 事件。(需要很少的补丁)首先看一下此处列出的演示:https://github.com/lavrton/KineticJS-HammerJS-test
相关文章:
- 分派点击事件并保留击键修饰符
- 模糊事件的Javascript测试
- keyup事件处理程序更改焦点不适用于快速键入
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- 如何使Javascript动态html表及其上的事件
- 使用类从一个标记中双击事件
- 如何在未直接触发的情况下停止事件
- 如何在elfinder插件(一个文件管理器插件)上获得上传前事件
- 对iPad上的点击事件反应缓慢
- 事件和状态
- Fancybox是否将Click事件静音
- 主干-不管怎样,检查事件以前是否绑定过
- 从控制器返回后Ajax启动事件激发
- 如何从画布上的某个移动事件中获取X和Y
- Jquery:未触发select事件
- JsFiddle上的鼠标事件不起作用
- 只覆盖箭头键滚动事件
- 在 Kineticjs Canvas 中使用 Hammerjs 事件
- 在 HammerJS 2.0 中手动触发事件
- 禁用HammerJS在计算机上的滑动和拖动事件?(即禁用鼠标事件?)