カスタム形状の領域に分割されたリスクのような世界地図があるとします。
ユーザーが HTML5/JavaScript を使用して個々の地域を選択できるようにするにはどうすればよいですか? Canvas2D が最初のステップだと思いますが、その後はどうでしょうか。
カスタム形状の領域に分割されたリスクのような世界地図があるとします。
ユーザーが HTML5/JavaScript を使用して個々の地域を選択できるようにするにはどうすればよいですか? Canvas2D が最初のステップだと思いますが、その後はどうでしょうか。
無数の優れたライブラリがあります。いくつか例を挙げると:
具体例:
map タグを作成してから img タグに追加できます。マップ タグで、ユーザーがクリックできるさまざまな領域を定義します。次に、各領域の mousedown イベントで呼び出される JavaScript 関数を定義できます。
説明は好きではありません。例の方が好きです。したがって、この手法をよりよく説明しているリンクを見つけました。
http://www.tutorialspoint.com/javascript/javascript_image_map.htm
ところで、領域を手動で作成する必要はありません。あなたのためにそれを作成するWYSIWYGツールがたくさんあります!