Kinetic JS Multi-Touch Scale Stage

时间:2013-04-28 09:20:41

标签: javascript html5 canvas zoom kineticjs

我在iPhone和Android上使用Kinetic JS。

我从

复制了这个例子

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

启用舞台缩放然后我意识到当我缩放时,在我捏缩放的位置不会发生缩放,而是发生在顶角。

我还需要用最大/最小缩放级别限制缩放率,我相信这会有很大的帮助..谢谢!

代码:

http://pastebin.com/cAgk2UiB

Modded Pinch Layer:

http://pastebin.com/mG1b75KK

2 个答案:

答案 0 :(得分:1)

这是由另一位制作插件的开发人员处理的。试试这个,看看它是否适合你

https://github.com/eduplus/pinchlayer

答案 1 :(得分:0)

以下是本教程的更新版本:http://jsfiddle.net/9eaBq/

只需用以下代码替换69到71之间的行:

var scale = {
  x: stage.scale().x * dist / lastDist,
  y: stage.scale().y * dist / lastDist
};
stage.scale(scale);

在iOS7下使用iPad(Chrome和Safari)。