Free Online Image Map Generator：自動生成 HTML Image Map 影像地圖原始碼

2018/10/25 6,101 2 網路應用 , 網站技術 , HTML

「Free Online Image Map Generator」是一個可以自動生成 HTML Image Map 影像地圖原始碼的線上工具 ⚙，由於自行尋找圖片上的座標再填入原始碼中相當耗時，為了解省時間，這個工具提供圖像化的介面，只要動動滑鼠將圖上的區域選取後填入網址等資訊，就可以獲得完整的 HTML 原始碼 ⌨，選取區域的模式有三種：Rect（矩形）、Poly（多邊形）和 Circle（圓形）。

▲「Free Online Image Map Generator」截圖，首頁可載入要製作 HTML 影像地圖的圖片。（左：從電腦導入／右：從網站導入）

▲載入後就可以開始新增區域啦！完成選取區域後記得填入連結網址等資訊唷！

▲三種形狀都可以用來選取區域，可以新增多個區域來加入連結，完成後點下方綠色按鈕可生成原始碼。

▲原始碼輸出，複製走就可以用啦！圖片記得要放在同目錄下唷！（原始碼複製後都可以依照需求自行修改）

贊助廣告 ‧ Sponsor advertisements
Trello：團隊、個人專案管理工具，讓任務與資料井然有序
📆 2018-09-22
📁 網路應用
CSS:list-style-type屬性
📆 2014-01-29
📁 網站技術, CSS
Windows：自行設定網域與IP對應的「hosts」設定檔
📆 2018-08-16
📁 網站技術, 作業系統, Windows, 架站資源
JavaScript：AdBlocker Detection 廣告攔截器偵測
📆 2019-07-30
📁 網站技術, JavaScript
Google地圖:分享或崁入
📆 2015-05-21
📁 網路應用
CSS:反白特效
📆 2013-01-01
📁 網站技術, CSS
Visual Studio Code：開放原始碼的程式碼編輯器、中文化支援、可個人化
📆 2019-02-11
📁 軟體介紹, 網站技術, 程式設計
jQuery.qrcode：純前端生成 QR Code
📆 2019-09-25
📁 網站技術, JavaScript, jQuery

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！