iT邦幫忙

1

請教各位前端前輩一個canvas的問題

  • 分享至 

  • xImage

前輩們好 想請問一個canvas的問題

需求: 如圖
這是一個由canvas繪出來的圖 有辦法找出紅框內的區塊(或者某一個扇形),然後針對這個區塊去 新增一些css嗎,目前都是只能針對整個canvas去操作...

已經有爬了很多文都沒有找到自己要的,求大神們救命指點指點,十分感謝

https://ithelp.ithome.com.tw/upload/images/20220811/20143914UMWI6bOmnz.jpg

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

1
㊣浩瀚星空㊣
iT邦大神 1 級 ‧ 2022-08-12 12:57:24
最佳解答

其實你要先理解一件事。
canvas 認真來說,你要先將其視為一張圖片。
只是這個圖片是由程式碼來生成的。

所以依照你說的輪盤。認真來講。
canvas只是先將圓盤給生成出來。
然後CSS再去做動作來轉動。

一般基本的還可以這樣子做。太過複雜的。有時要有些動畫的元件基礎才有辦法做到。

hihi iT邦新手 5 級 ‧ 2022-08-12 14:29:07 檢舉

謝謝大大,後來採用了在cancas上繼續畫圖型,位置正好對到我要的區塊,再針對區塊去做css調整,成功了

0
海綿寶寶
iT邦大神 1 級 ‧ 2022-08-12 11:09:00

我不會

我想推薦一個蠻有趣的網站
如果有空又想難倒自己的話
可以去逛逛CSS Battle

hihi iT邦新手 5 級 ‧ 2022-08-12 14:29:32 檢舉

謝謝大大,後來有成功解決了,CSS BATTLE好玩

我要發表回答

立即登入回答