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

【问题标题】：how to enable mobile zoom function in kinetic js如何在动力学 js 中启用移动缩放功能
【发布时间】：2013-01-16 09:44:52
【问题描述】：

我正在创建一个带有 kinetic js + html5 画布的网站，它在网络上显示得很好，但是当网站在移动设备上显示时我遇到了问题，请问有什么方法可以”解锁" 动力学js中的移动平移和缩放功能？

感谢您的帮助。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以寻找 JavaScript“手势”库，例如 jGestures，它支持手势，即平移和缩放功能。

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

否则，您需要构建一个按钮或其他东西，以便在您触摸或拖动它时允许平移或缩放。

【讨论】：

【解决方案3】：

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

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

【讨论】：