使用canvas繪製圓環動效

最近筆者有個需求，需求內容爲：一組文字顯示在圓環的周圍，用戶可添加文字，文字圍繞着圓環，每一個詞對應圓環周圍的的藍色小圓點，當用戶鼠標放在圓環上方小藍點時時，實現放射出三角形，再顯示出文字，先看看動圖效果吧！css ​​​ 如上圖所示，當鼠標放在對應藍色小圓點上時，須要放射出射相似三角形的射線，並在三角形外側顯示對應文字，且小藍點變小白點。html ​ 當用戶在上方輸入內容後，將內容添加至下方的圓

>>阅读原文<<