小编Joã*_*lva的帖子

SVG 棕褐色滤镜效果:仅中间色调

你能帮我找出如何使用 SVG 在下面的链接上实现棕褐色调吗?

我用 Photoshop 的色彩平衡制作的棕褐色调

我试过以下代码:

<svg class="defs-only">
  <filter id="monochrome" color-interpolation-filters="sRGB"
          x="0" y="0" height="100%" width="100%">
    <feColorMatrix type="matrix"
      values="1.00 0 0 0  0 
              0.80 0 0 0  0  
              0.65 0 0 0  0 
                0  0 0 1  0" />
  </filter>
</svg>
Run Code Online (Sandbox Code Playgroud)

CSS:

img{
    -webkit-filter: url(#monochrome);
    filter:  url(#monochrome);
}
Run Code Online (Sandbox Code Playgroud)

但是我得到的feColorMatrix Sepia Tone是非常不同的,而且似乎不像在 Photoshop 上那样只影响中间色调。

注意:我不能使用画布。

css photoshop svg svg-filters

3
推荐指数
1
解决办法
1386
查看次数

标签 统计

css ×1

photoshop ×1

svg ×1

svg-filters ×1