1

インタラクティブな画像に基づくインターフェイスを持つ Web アプリを構築しようとしています。各画像には、クリック可能/タッチ可能/ハイライト可能な領域が 10 ～ 200 個あり、不規則な形状 (地図のようなものと考えてください) があります。

<canvas>svg 画像、イメージマップ、要素、または paper.js や raphael などの JavaScript ライブラリなど、 これを行ういくつかの方法を見ることができます。私の質問は、どの方法が最も反応が良いでしょうか? また、Flash は完全に除外しています。

レスポンシブとは、次のことを意味します。

  • 読み込みが速く、すぐに触れたりクリックしたりできる
  • クリックされた瞬間の反応時間 (多くの地域がある場合、クリックが特定の地域にあったかどうかを判断するために、一部のライブラリでは処理時間がかかる場合があると思います)
  • 各領域をすばやく強調表示および非強調表示できます
4

1 に答える 1

2

同じ問題があり、svg + Raphael.js を選択しました

マップ上でマウスをホバリングするか、DOM 関連のイベントをトリガーする HTML 要素の上にホバリングすることに基づいて、マップ セクションを強調表示しています。そのうちの 1 つは Raphael.js スクリプトを呼び出して同じセクションを強調表示します。

非常に反応が良い。現時点ではコードを共有することはできませんが、はい、非常にうまく機能するので、タッチ/クリックイベントと同じように反応すると思います

于 2013-02-05T14:06:25.180 に答える