圈子上的多个弯曲文本 - 不可能的请求 -

Question

我不知道设计师在想什么，但我确定它不是开发人员！

问题： 圆圈的工作方式与标签类似，即如果您单击绿色部分，则会收到一个文本，如果您单击青色文本，则会相应地获得另一个文本。可以从CMS更改文本，因此我无法简单地放置图像。圆圈也必须是动画的，但是让这个问题搁置。

我的设计是：

我尝试在此处使用this library做一些事情，但我所做的就是设置红色 绿色和青色文字在正确的地方，有一些回应（它不是很好）。

我甚至无法想出一个解决方案来解决这个设计的所有问题。即使我设法做了文本，我也不能做6个部分（红色到青色）。 除了CSS / javascript之外，有没有其他方法可以做到这一点？这似乎不可能！