私はウェブページ上に世界地図を持っています。ユーザーが国をクリックしたとします。クリックした国に基づいてユーザーのクリックに特定のイベントを添付したいとします(例:国のwikipediaページを開きます)。画像に不規則な形のハイパーリンクを作成するにはどうすればよいですか?
どのように国を検出したり、円や四角形の領域ではなく不規則な形状を使用したりすることができますか。
私はウェブページ上に世界地図を持っています。ユーザーが国をクリックしたとします。クリックした国に基づいてユーザーのクリックに特定のイベントを添付したいとします(例:国のwikipediaページを開きます)。画像に不規則な形のハイパーリンクを作成するにはどうすればよいですか?
どのように国を検出したり、円や四角形の領域ではなく不規則な形状を使用したりすることができますか。
質問を投稿する前にサイトを検索行ってください下記のリンク、
Irregular anchors and shapes using JS in HTML/HTML5
Creating irregular shaped HTML links with image maps?
Can I use CSS hover on this complex irregular shaped link
を試してみてください。サイト内に既に関連する回答がいくつかあるかもしれません。
私はコードの行が何をあなたは、構文を使用する連鎖方式D3.js
Sample 1
のようなJavaScriptライブラリを使用することをお勧めして準備ができて本当に簡単です:
d3.selectAll(".country").style("stroke-width", 1.5/s);
チュートリアルがたくさんあり、その国をクリック可能にしてイベントに参加させたいと思っていますか?まあ、このライブラリは素晴らしいです。