Javascript 如何向图像添加发光过滤器

Javascript 如何向图像添加发光过滤器,javascript,css,filter,glow,bloom,Javascript,Css,Filter,Glow,Bloom,这是我想要的效果(第二个): 在photoshop中 1) 复制层2)减少新层的曝光3)添加模糊 4) 混合模式线性减淡(添加) 我认识的一个程序员很久以前就达到了这个效果,他从来没有告诉我如何用代码来实现它,而是给了我在photoshop中实现同样效果的指令 已经有一段时间了,我开始为自己学习web开发,这种效果称之为我的atention(是的,与此人失去了所有可能的联系) 起初我认为这是通过css过滤效果实现的 然而,虽然它包含模糊(%),我似乎找不到一种方法来实现曝光,甚至更糟糕的线性减

这是我想要的效果(第二个):

在photoshop中

1) 复制层
2)减少新层的曝光
3)添加模糊
4) 混合模式线性减淡(添加)

我认识的一个程序员很久以前就达到了这个效果,他从来没有告诉我如何用代码来实现它,而是给了我在photoshop中实现同样效果的指令

已经有一段时间了,我开始为自己学习web开发,这种效果称之为我的atention(是的,与此人失去了所有可能的联系)

起初我认为这是通过css过滤效果实现的

然而,虽然它包含模糊(%),我似乎找不到一种方法来实现曝光,甚至更糟糕的线性减淡混合模式

有人知道这个过滤器是怎么做的吗?我猜他没有使用css,而是使用javascript

感谢您的帮助


编辑:哦,你是对的,它只是在玩那些值,有一个很好的过滤器,但会继续玩他们!谢谢

您可以使用各种技术,模糊一个版本,并使用添加剂混合在原始版本的基础上进行合成

这里是一个使用图像作为背景图像的示例,其中after元素继承图像,使用混合混合和
变亮来添加模糊和合成(也可以使用
变亮
AKA“add”AKA“linear dodge”):

div{
背景:url(//i.stack.imgur.com/REbGC.png);
宽度:190px;
高度:190px;
}
/*创建模糊背景的覆盖*/
部门:之后{
位置:绝对位置;
内容:“;
宽度:190px;
高度:190px;
背景:继承;
滤镜:模糊(9px);/*光晕范围*/
不透明度:0.8;
混合混合模式:浅色;/*也可以使用浅色(添加)*/
}

对我来说,这些图片的差异看起来合同更高,就是这样。。。。我认为你能找到制作一个特定过滤器的唯一方法是通过玩游戏,也许结合一些来看看你能达到你想要的程度……除了过滤器:对比,它看起来像是应用了一个遮罩,这不是任何标准的一部分。