如何在动态js中启用移动缩放功能

Question

我正在创建一个带有kinetic js + html5 canvas的网站，它在web中显示得很好，但当网站在移动端显示时我有问题，我可以知道是否有办法"解锁"移动平移和缩放功能在kinetic js ?

谢谢你的帮助

Answer 1

我制作了一个KineticJS插件，使其易于制作可平移和可捏层。请随意检查/使用:PinchLayer插件

Answer 2

你可以寻找的是JavaScript的'手势'库，如支持手势的jGestures，这将是平移和缩放功能。

你也可以写一个你自己的函数记录触摸位置，并分析它来检查它是否是一个"滑动"，然后这可能意味着平移或缩放。

否则，你需要创建一个按钮或其他东西，当你触摸或拖动它时，允许平移或缩放

Answer 3

添加属性listening到false当你创建你的舞台

var stage = new Kinetic.Stage({
    container: 'my_container',
    listening: false
});