Javascript - 除了一个部分之外的暗淡/变暗画布

Question

使用Vanilla JS，我希望做一些类似于下图所示的内容，大部分画布除了特定部分（最好是椭圆形）外都会变暗。

我可以通过在前面画一个半透明的颜色来轻松地使画布变暗，但我不确定如何实现未修饰的部分。

Answer 1

在您的示例中，未修饰的部分实际上并未“未经修饰”。它只是颜色较浅。

堆叠两层是否解决了您的问题 - 使用调光层，然后在要强调的部分上应用白色椭圆？

如果没有，根据DrC的建议，你可以放置一个透明的椭圆形，这将清除该部分。