問題タブ [jquery-transit]

私は、基本的に高レベルの画像ビューアのプロトタイプに取り組んでいます。実装しました (回転、ズームイン、ズームアウト、左、右、上下)。最初に回転を押すと、方向コントロールの向きが台無しになっているように見えます。（実際には、想定どおりに動作しています）。奇妙なことに、最初に方向コントロールを押すと機能します。

('rotation') のような値を取得できますが、この時点で問題が不明であるかのように、それらがどうなるかはわかりません。

これが私の実装です：

JS

HTML

ズームインとズームアウトにリミッターをかけたので、それが条件付きの理由です。

1 つの div をクリックして別の div を回転させたい場合、最初の div をもう一度クリックすると、他の div が元の位置に戻ります。

必要に応じて、このライブラリを参照できますhttp://ricostacruz.com/jquery.transit。

jquery トランジットを使用して要素を移動しています。アニメーションを一時停止し、ボタンをクリックして続行したい。しかし、私はそれを行う方法を理解することができません。

JSFiddle : http://jsfiddle.net/b4hwq/2/

私は試しました

しかし、それはエラーを投げています。

ぼやけた画像をサブピクセル変換アニメーションと組み合わせると、パフォーマンスの問題が発生します ( jQuery Transitを使用しています)。

では、被写界mousemove深度をシミュレートするためにぼかしが再計算されます。移動すると、要素が思ったほど滑らかに動きません。

デモはこちら

-webkitブラウザーでボトルをクリックするとバギーの動きが表示されます

これを加速する方法についてのアイデア/ヒントはありますか?

すべてのフォーカス ステップを事前に計算し、不透明度を使用することを考えていましたが、これが私が使用する最後の解決策です。

Jquery Transit と Masonry JS を使用しています。私のdivには、クリックするとコンテナの位置を固定に変更し、画面の中央に移動する必要があるボタンがあります（Jquery Transitを使用）。ただし、クリックすると、ボックスは画面の右下に移動します.

jsfiddleを表示して、私の問題を確認できます。

ジャバスクリプト：