Html 在不拉伸的情况下扩展SVG掩码？

我正试图在SVG中产生一种“光源”效果，通过这种效果，我切出了一段覆盖图像的黑暗部分。我几乎得到了我所需要的，但我正在努力找出如何完成最后一块。首先，这是我的例子，说明了我必须做的事情

.background{
宽度：500px；
高度：500px；
背景：红色；
}
.光{
填充：黑色；
}

---

只需将渐变应用于矩形即可。不需要额外的圆圈

你只需要稍微调整一下你的梯度

.background{
宽度：500px；
高度：500px；
背景：红色；
}
.光{
填充：黑色；
}

Wow-只要你知道怎么做就简单了。我猜从遮罩开始，然后加上渐变会让我走错方向。谢谢你的帮助，保罗：）为什么不使用光源过滤器？@MichaelMullany我不知道有一个？不过我现在可能会去谷歌一下1example@MichaelMullany谢谢，我来看看。如果你想添加一个答案，我将+1。