キャンバスをクリック - クリックした場所に応じてオプションのリストを取得

Question

私はこれを行う方法がわかりません。それはできますか？それはいかにして丁寧にできますか？そしてうまくいけば、それは別のプラグインライブラリ（jqueryは大丈夫です）の必要性なしに行うことができます - 私はjsファイルの数を削減しようとしています。

私はそこにマップを持つキャンバスを持っています。ユーザーは地図をクリックできます。次に、ユーザーがクリックした場所（丸い角と黒い枠）の近くに白い四角形を表示し、ユーザーが選択するためのオプションがいくつかあるようにします。これらは、 '国別概要'、 'GDP'などのテキストオプションです。次に、ユーザーが1つを選択し、左側の領域に情報が表示され、白いオプションの四角が自動的に消えます。

これは可能ですか？それは完了することができますのない上に青いバーと他のすべてのウィンドウの手荷物とウィンドウの必要性？

誰かが助けてくれることを願っています。

jon

Answer 1

はい、できます。あなたはキャンバスでそれを行う必要はありません、あなたはその部分のために通常のHTMLを使用することができます。 ちょうど次のCSS特性

position:absolute; 
display:inline; 

（ならびに丸い角及び黒い枠のためのいくつかのCSS） のページに新しい要素を追加し、XとYのマウス座標に、そのXおよびYプロパティを設定しますイベントの

他の場合と同様に、その要素で作業します。