使用KineticJS进行iOS滚动/捏合缩放问题

时间:2012-12-07 10:53:50

标签: javascript canvas kineticjs

如标题所述;当使用带有canvas标签的KineticJS时,我似乎无法将iOS转换为Scroll / Pinch Zoom;我在另一个问题中看到evt.preventDefault会阻止它。我已将其评论出来(仅用于测试),但似乎仍有同样的问题。而我的画布不是整页?所以它肯定只会禁用那个特定位置的缩放/滚动?

我知道这与KineticJS有关,因为如果我停止加载,那么捏缩放/滚动就可以了。

非常感谢!

2 个答案:

答案 0 :(得分:0)

您可以下载kineticjs插件来帮助您完成此操作,或者您可以在画布中创建一个允许滚动/缩放的对象。

 shape = new kinetic.shape({config});

然后附加您想要捕获的事件

 shape.on('touchmove', function{
     // define what you want the effect to be
 });

您的另一个选择是通过kineticjs代码找到负责捕获触摸事件和禁用/覆盖它的代码

答案 1 :(得分:0)

本教程有一个针对动力学js的缩放变焦替代方案。我在评论部分添加了一些滚动功能

http://www.html5canvastutorials.com/labs/html5-canvas-multi-touch-scale-stage-with-kineticjs/