css 将Photoshop调整层转换为SVG滤镜

am46iovg  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(141)

我试图复制photoshop调整层到SVG filter
我需要转换图像从

This is the original image
This is the transformed image
这是Photoshop中用于创建转换图像的2个调整层:

我需要为很多图片添加悬停效果,我试着用svg feColorMatrix来复制这个效果,但是我找不到合适的颜色矩阵来应用这个转换。
这是我尝试过的代码(悬停图像以查看svg过滤器效果):

img {
  width: 500px;
  height: auto;
}
img:hover {
  filter: url(#colorTransform);         
}

个字符
我试图复制上面代码中的一个层,在R,G和B通道中使用相同的值,但这不起作用。

**是否有方法从目标图像和原始图像生成颜色矩阵?**是否有方法从调整层值计算颜色矩阵?

jjjwad0x

jjjwad0x1#

这不是一个完整的答案,但它可能是一些帮助。我不认为有一个现有的方式转换调整层到SVG颜色矩阵。
然而.你可以看到调整层对个别颜色和create a matrix做了什么。
之前


的数据


相关问题