Free Online Image Map Generator:自動生成 HTML Image Map 影像地圖原始碼
2018/10/25
萌芽站長
5,876 1
網路應用 , 網站技術 , HTML
「Free Online Image Map Generator」是一個可以自動生成 HTML Image Map 影像地圖原始碼的線上工具 ⚙,由於自行尋找圖片上的座標再填入原始碼中相當耗時,為了解省時間,這個工具提供圖像化的介面,只要動動滑鼠將圖上的區域選取後填入網址等資訊,就可以獲得完整的 HTML 原始碼 ⌨,選取區域的模式有三種:Rect(矩形)、Poly(多邊形)和 Circle(圓形)。
▲「Free Online Image Map Generator」截圖,首頁可載入要製作 HTML 影像地圖的圖片。(左:從電腦導入/右:從網站導入)
▲載入後就可以開始新增區域啦!完成選取區域後記得填入連結網址等資訊唷!
▲三種形狀都可以用來選取區域,可以新增多個區域來加入連結,完成後點下方綠色按鈕可生成原始碼。
▲原始碼輸出,複製走就可以用啦!圖片記得要放在同目錄下唷!(原始碼複製後都可以依照需求自行修改)
贊助廣告 ‧ Sponsor advertisements
【網站經營】WordPress 4.0 讓網站擁有圖示
📆 2014-11-16
📁
網站技術, 架站程式, WordPress
PHP 取整數與大小寫轉換函數
📆 2019-06-22
📁
網站技術, PHP
暴走漫画制作器:製作最受歡迎的逗趣圖示
📆 2015-08-23
📁
多媒體, 網路應用, 靜圖處理
OpenStreetMap:建議路線(行山、健行、遠足路線)關聯繪製教學(附魯地圖之呈現方式)
📆 2022-03-25
📁
網路應用, GIS/GPS, 世界地理
Brackets 擴充功能「Beautify & Indent Guides」:自動縮排美化與縮排層次標記
📆 2018-09-20
📁
軟體應用, 網站技術
Android Studio:將 Android APP 專案與 Firebase RealTime Database 連接
📆 2019-11-03
📁
軟體應用, 網路應用, 行動平台, 資料庫, Android, APP開發
郵局網路 ATM 開通或停用實體 VISA 卡國外交易功能
📆 2023-09-03
📁
生活相關, 金融理財, 網路應用
取得 WordPress Popular Posts REST API 熱門文章資訊至任何網頁 (AJAX 取得 JSON)
📆 2020-01-25
📁
網站技術, HTML, JavaScript, jQuery, 架站程式, WordPress
留言區 / Comments
萌芽論壇