創建一個高度應該改變的動態三角形

Question

我必須創建一個主圓形div，然後點擊它，它應該顯示其分支圓圈。

例如maincircle是M1和分支界是B1，B2，B3，B4。點擊B1圈就會進一步顯示另一個小圓圈......

我在這裏掙扎在這裏，我的問題是創建一個三角形的流路，因爲它應該根據生成的數字圈來動態變化。 ..

我附加JPEG你過關：

在這張圖片中，你可以看到在右邊一些綠色的小圓圈。 我已經做了所有這些有不同之處在於陰影三角形我的代碼..

附圖片是photoshoped用於創建三角樹蔭我輸出的快照..

請讓我用代碼解決方案

Answer 1

好吧。你需要的僅僅是HTML/CSS。 根據這些div-circles，你可能需要使用canvas或svg，而在這裏你很難找到正確的位置。

就我個人而言，我會考慮使用那些出色的.JS svg庫中的一個。 Here是一些例子，但更多的存在。