キネティック js + html5キャンバスを使用して Web サイトを作成しています。Web ではうまく表示されますが、モバイルでサイトを表示すると問題が発生します。キネティック js でモバイルのパンとズーム機能を「ロック解除」する方法はありますか?
手伝ってくれてありがとう。
パン可能でピンチ可能なレイヤーを簡単に作成できるようにするために、KineticJS プラグインを作成しました。自由に確認/使用してください: PinchLayer プラグイン
ステージを作成するときにプロパティlistening
を追加します。false
var stage = new Kinetic.Stage({
container: 'my_container',
listening: false
});
あなたが探すことができるのは、パンとズーム機能であるジェスチャをサポートする jGestures のような JavaScript の「ジェスチャ」ライブラリです。
タッチ位置を記録し、それを分析して「スワイプ」であるかどうかを確認する独自の関数を作成することもできます。これは、パンまたはズームを意味する可能性があります。
それ以外の場合は、タッチまたはドラッグしたときにパンまたはズームできるボタンまたは何かを作成する必要があります。