相关疑难解决方法(0)

透明空心或切圆圈

是否可以仅使用CSS 切出空心圆

我们都可以这样做:

正常的CSS圈子

但我们可以这样做吗?

div中的透明空心圆

圆必须是中空的,并且透明.因此,通过在a上放置一个纯色圆圈就无法解决问题div.

css svg transparency css3 css-shapes

55
推荐指数
5
解决办法
4万
查看次数

如何填充画布上的"对面"形状?

假设我在HTML5画布上有一个圆圈(弧形).我可以像这样填写:

ctx.arc(100, 100, 50, 0, 2 * Math.PI);
ctx.fill();
Run Code Online (Sandbox Code Playgroud)

它是一种享受.但是,如何填补相反的区域?现在它是白色的黑色圆圈,但我希望它沿着下图的线条(白色是背景颜色,黑色是填充颜色):

对面的区域

我知道我可以使用黑色背景并绘制一个白色圆圈,但背景可以是任何东西(之前已经绘制过各种各样的东西,所以只能交换颜色).

另一件事是不应该填充完整的画布,而是取消圆圈的正方形.

我在想一个,globalCompositeOperation但它似乎不符合我的需要,因为它们都没有根据我的需要行事.

那么,如何在示例图像中完成填充"对面"区域?

html5-canvas

31
推荐指数
3
解决办法
2万
查看次数

标签 统计

css ×1

css-shapes ×1

css3 ×1

html5-canvas ×1

svg ×1

transparency ×1