在Kineticjs Canvas中使用Hammerjs事件

Question

我試圖在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嗎？

Answer 1

它是posibble。 但你不能用錘子聽kineticjs對象。 你可以聽文件元素。 例如，圖層或整個舞台元素的畫布。

var transformer = Hammer(stage.getContainer())  //kineticjs stage
transformer.on("transformstart", function(){
   // your code
});

更新：

目前，您可以使用KineticJS節點和HammerJS事件。 （小補丁需要）首先看看這里列出的演示： https ： //github.com/lavrton/KineticJS-HammerJS-test