※ 引述《shter (飛梭之影)》之銘言： : 最近在製作一個跨系統鐵路捷運時刻轉乘查詢系統 : 原本是用下拉選單去選車站 : 因為覺得還是要有路網圖對使用者才直覺 : 所以就獨立做了一個 library 提供放入資料可以繪製路網圖的功能 : 它可以 : 1.按照 lineData 的 object 內容將車站與路線用 canvas 繪製出來 : 2.可以讓車站被 click 時執行 function : 3.調整 baseHeight / baseWidth / offsetX / offsetY 等可以只秀其中一區域出來 : Demo site : https://melixyen.github.io/railtime/canvas_map_demo.html : 實際使用網站 : https://melixyen.github.io/railtime/ : 理論上不限於繪製軌道運輸路網 : 任何有節點需要 click 反應的路網圖都能用它畫出來 : 分享給有需要的人或是喜歡畫路網圖的人使用 最近剛好台中跟高雄通勤站準備通車，順便更新了台灣軌道路網圖選擇器 library 維持每個車站設計成一個按鈕的作法，方便查詢轉乘或是玩模擬買票之類的操作 但按鈕可以切換幾種形式，有使用的人請更新設定檔的 stationNameRenderStyle: {0~3} 不知道就使用者查尋的角度來說，哪一種 style 比較適合? http://melixyen.github.io/railtime/canvas_map_demo.html?s=0 預設的路網圖按鈕樣式是白底黑框，很清楚按鈕的範圍，但跟路網路沒有融合性 http://melixyen.github.io/railtime/canvas_map_demo.html?s=2 style 2 按鈕以主要路線作邊框顏色，缺點是兩條以上路線時只有第一條有融合感 http://melixyen.github.io/railtime/canvas_map_demo.html?s=3 style 3 整顆按鈕跟路網圖底色融為一體，但沒邊框看起來又不太像按鈕 終於把台灣已通過可行性研究的計劃路線跟營運路線畫完了....應該吧 -- 往　　█環狀線　機捷█◣█淡水線　██◣松山線　██◣民汐線　◎為轉乘站　往 桃　　█　　　　　　　◥█　　　　　　◥◣　　　　　◥██◣　　　　　　　基 園＝＝◎＝＝＝＝＝⊙＝＝◎＝＝＝＝＝＝＝◎＝◎＝＝＝＝？＝◎＝＝⊙＝⊙＝＝隆 　　　板█　　　　萬　　臺█　　　　　　松　南　　　　樟　汐◥◣汐　五 　　　橋█　　　　華　　北◥█信義線　　山　港　　　　樹　科　█止　堵 　　█◎████████◎█████████◎█板南線灣　鐵路捷運化轉乘路網 --

※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.166.240.215 ※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1536587822.A.B9F.html 這是個不錯的靈感耶，改了一下 code 讓滑鼠移上去有變色效果了 ※ 編輯: shter (118.166.243.189), 09/11/2018 22:36:51