html5 - 怎么用css画如下的锥形图 比较难

Question

如果用css画完锥后，怎么定位锥的尖，显示文字和气泡，我没有写过canvas，请convas高手随便挑一个颜色帮忙实现一个。

Answer 1

https://jsfiddle.net/imys/3hvramt9/

用了兩種實作方法，border 和 transform:skew，缺點就是不好控制。
我是一點點調出來的，最好還是用 canvas 來實現。