是否可以仅使用CSS 切出空心圆?
我们都可以这样做:

但我们可以这样做吗?

的圆必须是中空的,并且透明.因此,通过在a上放置一个纯色圆圈就无法解决问题div.
假设我在HTML5画布上有一个圆圈(弧形).我可以像这样填写:
ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.fill();
Run Code Online (Sandbox Code Playgroud)
它是一种享受.但是,如何填补相反的区域?现在它是白色的黑色圆圈,但我希望它沿着下图的线条(白色是背景颜色,黑色是填充颜色):

我知道我可以使用黑色背景并绘制一个白色圆圈,但背景可以是任何东西(之前已经绘制过各种各样的东西,所以只能交换颜色).
另一件事是不应该填充完整的画布,而是取消圆圈的正方形.
我在想一个,globalCompositeOperation但它似乎不符合我的需要,因为它们都没有根据我的需要行事.
那么,如何在示例图像中完成填充"对面"区域?