你能帮我找出如何使用 SVG 在下面的链接上实现棕褐色调吗?
我试过以下代码:
<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 上那样只影响中间色调。
注意:我不能使用画布。