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

看板Web_Design作者shter (飛梭之影)時間6年前 (2018/09/10 21:57)推噓0(0推 0噓 2→)

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

※ 引述《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://www.ptt.cc/bbs/Web_Design/M.1536587822.A.B9F.html