私は現在、Phonegap を使用してモバイル アプリに取り組んでいます。アプリの 1 つのコンポーネントはマップ ビューです。Google マップではなく、javascript (zynga-scroller) を使用してスクロール/ズーム可能なカスタム グラフィックです。スクロール/ズームは と を介しtranslate3dて行われscaleます。
translate3dスクロール可能/ズーム可能な画像の 1 つ上のレイヤーには、スケールによって変換されず、座標をスケールで乗算した場合にのみ変換されるアイコンおよび/またはポップオーバーがあります。
スクロール/ズームでは、計算を計算して各フレームの各要素に適用する必要があるため、低速のデバイスではマップが少し遅くなります。アイコンがなくても、アイコンが少ない場合でも、非常に高速です。
これまでは、これを少し最適化する次のようなアイデアがありました。
変換元
アイコンの座標を transformOrigin として設定しようとしたので、ズーム時にこれらの値を更新するだけで済みます。transformOrigin はパーセンテージ値でのみ機能するように見えるため、これは機能しませんでした。他に可能性がないように思われる場合は、それらも計算できます。
私が見落としたものは他にありますか？たとえば、特定の要素にスケールが適用されないようにするプロパティはありますか?