[閒聊] canvas 北台灣鐵路捷運路網圖 lib

看板Web_Design作者shter (飛梭之影)時間10年前 (2015/08/18 02:25)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串1/2 (看更多)

最近在製作一個跨系統鐵路捷運時刻轉乘查詢系統原本是用下拉選單去選車站因為覺得還是要有路網圖對使用者才直覺所以就獨立做了一個 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 反應的路網圖都能用它畫出來分享給有需要的人或是喜歡畫路網圖的人使用繼續畫新竹跟宜蘭去..... -- 往　　█環狀線　機捷█◣█淡水線　██◣松山線　██◣民汐線　◎為轉乘站　往桃　　█　　　　　　　◥█　　　　　　◥◣　　　　　◥██◣　　　　　　　基園＝＝◎＝＝＝＝＝⊙＝＝◎＝＝＝＝＝＝＝◎＝◎＝＝＝＝？＝◎＝＝⊙＝⊙＝＝隆　　　板█　　　　萬　　臺█　　　　　　松　南　　　　樟　汐◥◣汐　五　　　橋█　　　　華　　北◥█信義線　　山　港　　　　樹　科　█止　堵　　█◎████████◎█████████◎█板南線灣　鐵路捷運化轉乘路網 -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.166.238.252 ※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1439835915.A.51B.html