5

人体の画像があるとしましょう。ユーザーが体の一部 (頭、腕など) にカーソルを合わせると、この臓器が緑色に変わり、クリックすると定義されたアクションが発生します。

JavaScriptを使用して実行できますか？もしそうなら、コンセプトは何ですか？

質問の理由:

目的: これはすべて、ユーザーが自分の病歴を入力する既存のプロジェクトのごく一部であるため、すべての臓器のドロップダウンを表示する代わりに、人間のモデルを表示し、トラムアの履歴をクリックして保存する必要があります..

そのためには、人体の画像が必要であり、この画像で表される各臓器の境界を XY で定義し、いくつかのプロパティ (名前) を与える必要があると思います。

  1. ユーザーホバー：オルガンショーの境界と背景の色は例えば緑です
  2. ユーザーがクリックすると、そのオブジェクトフォームが呼び出されます。

js-jquery に似たようなものはありますか? または私は車輪を発明する必要がありますか？

4

2 に答える 2

4
  1. イメージマップを使用できます。座標を介して画像内のさまざまな領域を定義します。
  2. キャンバスを使用できます (HTML5、最新のブラウザーでサポートされています)
  3. svg を使用できます (最新のブラウザーでサポートされています)。
  4. 絶対に配置された div を body 画像の上に配置するのは、悪い方法ですが、最も簡単な方法かもしれません。（常に長方形になります）
于 2013-02-23T20:18:04.080 に答える
2

HTML マップを使用し、マウス イベントをさまざまな領域にバインドして、色を変更し、クリック時に別のコールバックを実行できます。

于 2013-02-23T20:17:25.900 に答える