弯曲的div与弯曲的内容

Question

我有一个包含圆形图像的圆形div。在这张照片的外面，我想把一些小块“块”放在外面的一半左右。

几乎无法解释，所以我拍了一张照片：

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

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

让div充满了块很容易，但我无法弄清楚如何“弯曲”外部div并让所有内容都随之而去（事实上，我无法弄清楚如何弯曲外部总而言之。）

有什么想法吗？

[编辑]我在经过更多的研究后得到了这种感觉，并且在这里没有真正的动作，CSS解决方案可能是不可能的，但是可以用Canvas对象做一些事情。