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

Question

我正在使用 kinetic js + html5 画布创建一个网站，它在网络上很好地显示但是当网站在移动设备中显示时我有问题，我可以知道有没有办法“解锁“动能js中的移动平移和缩放功能？

感谢您的帮助。

Answer 1

我制作了一个KineticJS插件，可以轻松制作可拼音和可捏合的图层。随意检查/使用它：PinchLayer plugin

Answer 2

您可以寻找的是像'jGestures这样的JavaScript'手势'库，它们支持手势，即平移和缩放功能。

您还可以编写自己的功能来记录触摸位置并分析它以检查它是否是“滑动”然后可能意味着平移或缩放。

否则，您需要构建一个按钮或某些内容，以便在您触摸或拖动它时进行平移或缩放。

Answer 3

创建舞台时，将属性listening添加到false。

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