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

Question

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

Answer 1

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

uses two implementation methods, border and transform:skew. The disadvantage is that it is difficult to control.
I adjusted it bit by bit, it’s best to use canvas to implement it.