Canvas feColorMatrix滤波器的强度

Canvas feColorMatrix滤波器的强度,canvas,svg,filter,colormatrix,Canvas,Svg,Filter,Colormatrix,我试图在SVG中创建一个强度可调的深褐色过滤器。在画布中,这很容易做到。但是我不确定如何在SVG中解决这个问题 这是我当前的过滤器代码 <filter id="image1362918248406filter"> <feColorMatrix color-interpolation-filters="sRGB" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0

我试图在SVG中创建一个强度可调的深褐色过滤器。在画布中,这很容易做到。但是我不确定如何在SVG中解决这个问题

这是我当前的过滤器代码

 <filter id="image1362918248406filter">
    <feColorMatrix color-interpolation-filters="sRGB" values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0"></feColorMatrix>
 </filter>

下面的提琴是我试图实现的一个演示。如何使SVG示例看起来与画布示例相同


这看起来就像我在Firefox上试用时想要的一样

<defs>
    <filter id="image1362918248406filter" color-interpolation-filters="sRGB">
        <feColorMatrix values="0.393 0.769 0.189 0 0 0.349 0.686 0.168 0 0 0.272 0.534 0.131 0 0 0 0 0 1 0" result="sepia"></feColorMatrix>
        <feComposite in="sepia" in2="SourceGraphic" operator="arithmetic" k2="0.5" k3="0.5" />
       </filter>
</defs>

正是我想要的:)谢谢!