2

色が表示/変更され、別のオブジェクトを表示する onclick (モバイル) マウスオーバー (デスクトップ) イベントがあるかなり単純なマップ (おそらく 100 個のオブジェクト) を作成しようとしています。以下を見ています。

  1. キャンバス
  2. SVG/VML
  3. JS/HTML

しかし、私の問題は、何らかの形でサポートする必要があることです

  1. いいえ (7-10)
  2. クロム
  3. ファイアフォックス
  4. ブラックベリー 6-7
  5. Windows モバイル 7 (IE9)
  6. iOS
  7. Android 2.3 以降 (SVG なし)

そして、これらすべてをサポートできる単一のシステムを見つけることができないようです.AndroidはSVGをサポートしていません.モバイルブラウザはキャンバスで非常に遅いようです.IE 7-8はキャンバスをサポートしていません.HTMLはサポートしていません.画像を使用せずに「形状」を作成すると、画像を交換する必要があり、視覚的にはあまり良くありません...やだやだやだ...

これらすべてに対して一度に構築する方法はありますか? Canvas (モバイル) & SVG (デスクトップ) を実行する方がよいのではないかと考えていました。しかし、モバイルをテストすると、キャンバスが非常に遅いようです。

役立つライブラリやシステムはありますか?

4

3 に答える 3

1

そして、これらすべてをサポートできる単一のシステムを見つけることができないようです

まあ、1つもありません。

移動可能な div に固執するか、アプリの 2 つのバージョンを作成する必要があります。ごめん。

Canvas は遅くありませんが、一部のモバイルは遅いです。Canvas は (ほぼ) 常に DOM よりも高速ですが、それを維持するのはあなた次第です。正確には、どのコードをテストしていましたか?

于 2012-07-31T15:31:16.933 に答える
1
  1. IE7-8 が必要な場合は、VML を使用する必要があります。これは、そこでのみサポートされているグラフィック モードです。
  2. iOS を検討する場合は、Canvas を使用する必要があります。iPad では、SVG よりも少なくとも 10 倍高速です。
  3. キャンバスは、デフォルトの Android 2.x ブラウザーで使用できるグラフィックス モードのみです。
  4. ブラウザーでサポートされているズームが必要で、マップのサイズが 3000px を超える場合、キャンバスは機能せず、SVG を使用する必要があります。
于 2013-01-28T21:32:46.853 に答える
-1

これにアプローチする方法の 1 つは、アプリケーションが描画に使用するインターフェイスを作成し、2 つの異なるレンダラー オブジェクトを作成することです。

于 2012-08-14T19:05:14.507 に答える