0

iPhone と Android で Kinetic JS を使用しています。

から例をコピーしました

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

ステージのスケーリングを有効にすると、ズームすると、ズームをピンチした場所ではズームが発生せず、上部の隅で発生することがわかりました。

また、ズーム率を最大/最小ズーム レベルで制限する必要があります。これは大いに役立つと思います..ありがとう!

コード:

http://pastebin.com/cAgk2UiB

改造されたピンチ レイヤー:

http://pastebin.com/mG1b75KK

4

2 に答える 2

1

これは、プラグインを作成した別の開発者によって処理されました。これを試してみて、それがあなたに適しているかどうかを確認してください

https://github.com/eduplus/pinchlayer

于 2013-04-29T13:39:49.977 に答える
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) で作業しています。

于 2014-07-11T10:55:20.320 に答える