iT邦幫忙

2024 iThome 鐵人賽

DAY 29
0
Modern Web

無限...寶石?畫布啦!系列 第 29

Day 29 | 好像少了點 D3

  • 分享至 

  • xImage
  •  

day 29 banner

雖然 D3 本身就有提供平移跟縮放的功能,但是因為如果我沒有結合 D3 的話,好像就少了很多應用的場合!

所以就有了今天這篇!

因為我們的無限畫布是用 canvas 去實作的,所以可能很多功能像是 hover 出現 tool tip 可能不能像原生 D3 一樣那麼方便,而是要自己寫判斷。

但是就是因為不方便,所以彈性可能反而會比較高,應該可以做到一些 D3 做不到的效果?

前面幾篇下來大家應該都猜到了 xD,我的實作還沒有做完。

所以今天會先用幾個我找到的資源來先讓大家閱讀初步了解該怎麼讓 D3 與無限畫布結合。

我們可以只應用 D3 的其中一部分,也是它擅長的地方,就是資料的處理。

這裡我有找到一篇 2020 鐵人賽前輩的貼文,可以算是一個蠻好的起點,連結在這裡

這裡也有一篇文章可以參考看看,不過這個 D3 是比較舊的版本。

大家可以嘗試看看,要怎麼結合 D3 跟 canvas 然後等我把實作的東西補上QAQ,現在開始會有比較多一點的時間去實作,所以應該可以慢慢補上來。

那我們今天就這樣ㄌ,沒有 demo 的實作好像真的有點水。

這邊是我實作應用系列的最後一篇(雖然後半部最重要的實作都沒有出來 xD),明天就是這整個鐵人賽的回顧了。

那我們明天見~


上一篇
Day 28 | 動起來,動起來
下一篇
Day 30 | 歡樂的時光總是短暫
系列文
無限...寶石?畫布啦!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言