2

iPhone や iPad で Google マップ ウェブ アプリを使用したことがある方なら、私が何を話しているかおわかりでしょう。このスクリーン グラブでは私の指は見えませんが、これはピンチの途中で (もしそうなら) ズームアウトしています。詳細な領域は最初のマップ表示領域であり、外側のぼやけたビットはピンチの途中で表示された余分なマップです.

ジェスチャーでズームアウト

ジェスチャー タッチ入力を使用するピンチ ツー ズーム機能は、現在表示されているマップを、魔法のように滑らかにスケーリングします。画像をスケーリングして、このスムーズなスケーリングを再現しようとしています。誰も彼らがそれを行う方法を知っていますか?

imgスケーリングされているのが単一の要素かどうかはわかりません。あるいはimg、相対グリッド マトリックス内のすべての要素が一度にスケーリングされている可能性があります (これは少しありそうにありません)。多分それは多くのcanvas要素..または1つの大きなcanvas要素です(妥当な量のテストの後、これも疑わしいです)。提案、アイデア、または回答 (Google の場合) をお待ちしております。

4

2 に答える 2

1

ハードウェア アクセラレーションの CSS3 変換を使用する必要があります。例えば

  • translate() の代わりに translate3d()
  • scale() の代わりに scale3d()

現在、モバイル サファリのみがハードウェア アクセラレーションをサポートしています。Google が Webkit ブラウザの Android バージョンにこれをいつ実装するかは不明です。

于 2010-11-03T01:25:13.017 に答える
0

Webkit のCSS3ハードウェア アクセラレーション による 3D トランジション

于 2010-12-01T07:31:41.550 に答える