html - 画像上の Html キャンバス スポットライト領域

Question

画像を描画する html キャンバス上でスポットライトを実現するソリューションを探しています。私は完全な画像を暗くしました：

context.globalAlpha = 0.3;
context.fillStyle = 'black';
context.fillRect(0, 0, image.width, image.height);

これはうまくいきます。ここで、特定の長方形領域の暗くなる効果を取り除きたいと思います。「周囲の」長方形を計算せずにこれを行うにはどうすればよいですか?