SVG圖片可以多重點選(RWD也可以)

 最近有同學說想要製作地圖，上面有多個地點可以提供點選，以前是使用 map、area製作，但因為要符合 RWD 的關係，手機版的連結會跑掉@@

感謝知識免費了分享用 SVG 製作。這個要搭配 illustrator(可能也有其他的軟體) 將圖片輸出成svg，點檔案>轉存>轉存為螢幕適用(很重要，一直搞不定RWD，就是這一步出錯)。接著將<SVG>複製到HTML，在 JS 下動作

• <g onclick="move(event)" id="圓">
• <script>
    function move(e){
      alert("你點了"+e.currentTarget.id+"!!!");
    }
  </script>
• 如果是要跳轉畫面的話，要搭配window.location="https:google.com"; 的js來執行，用href=""是行不通的喔