2

私は現在、小さな「モバイルウィジェット用のドラッグ可能なウィジェット」を開発しています。基本的には、jQUery UI Draggable ウィジェットのインターフェースの一部のみを実装しています (私のプロジェクトに必要な部分)。

マウス イベントをシミュレートし、jQuery UI Draggable をモバイル/タブレット プラットフォームで適切に動作させることができることはわかっていますが、そのアプローチの主な問題は、十分にスムーズに感じられないことです。ここでわかるように、左上のプロパティを変更する代わりに translate3d を使用すると、大きな違いが生じました。

http://dl.dropbox.com/u/16252882/royws/td/demo/touchdraggable.html

IE10 と最新の Firefox でも動作させることを計画していたので、コードでは WebkitCSSMatrix を使用してマトリックスを解析していました。私はそれをグーグルで検索し、IE10 では MSCSSMatrix を使用してマトリックスを解析できることを発見しましたが、firefox で同様のクラスを見つけることができません。

ここでわかるように、今はマトリックスの Me プロパティと Mf プロパティのみを使用しています。

https://github.com/royriojas/touch-draggable/blob/master/src/touch-draggable.js

だから私はそれを手動で解析できることを知っています。他に選択肢がない場合は、そのようにする必要があります。誰かがそれを行う方法を知っているかどうか疑問に思っていました.firefoxでの簡単な方法です:)

4

3 に答える 3

2

これがかなりの数か月遅れていることはわかっていますが、それでも興味がある場合は、私が取り組んでいたプロジェクトのCSSMatrix shimを見つけました (そして修正を手伝いました)。リンクされたバージョンはすぐにブラウザ対応ではありません (そして、私の forkよりもわずかに遅れています)。そのため、コードをコピーして実行したい場合は、ブラウザ化されたバージョン(WebKitCSSMatrix オブジェクトにより厳密に一致する) を自由にチェックしてください。

于 2013-03-14T00:39:35.823 に答える