所以这在过去的几天里让我发疯了。
我正在尝试使用不同的混合模式（如overlay）在JS中复制Photoshop的内部阴影。
可以通过简单的方法为ctx.shadowBlur或ctx.filter = 'drop-shadow(...)'等形状添加阴影，但这些只会生成外部阴影。您可以使用xor创建具有一些组合魔法的内部阴影，但这会使图像边缘不平滑（我猜xor不能很好地处理反别名），如下例所示：< / p>
https://jsfiddle.net/89pes8ap/1/
所以，我有另一种想法，因为它只使用xor一次：
https://jsfiddle.net/3cnwtvyj/
但是你可以看到overlay - ed版本仍然没有平滑的边缘。
所以，我的问题是：如何使用可以处理各种形状的不同混合模式添加平滑的内部阴影？