Javascript 带曲线内容的曲线div

我有一个包含圆形图像的圆形div。在这张图片的外面，我想放一些小的“积木”，它们围绕着外面的一半

这几乎无法解释，所以我画了一幅图：

很像这样，但是“块”需要有不同的颜色，或者是透明的

我可以用图像来做（一旦我学会了画画，可能会很容易），但我更愿意用CSS来做

获得一个充满块的div很容易，但我不知道如何“弯曲”外部div并使所有内容都与之匹配（事实上，我根本不知道如何弯曲外部div）

有什么想法吗

---

[编辑]经过更多的研究，我觉得CSS解决方案可能是不可能的，但可以对Canvas对象做些什么。

我认为这不值得回答，但它可能会帮助你。不久前我做了这个演示，也许它可以为你指出正确的方向。。。这是一个开始抱歉现在没有时间完成我不认为这是“值得回答的”，但它可能会帮助你。不久前我做了这个演示，也许它可以为你指出正确的方向。。。这是一个开始对不起，我现在没时间完成