Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 图像矩阵svg过滤器中的颜色软化_Html_Css_Image_Svg_Svg Filters - Fatal编程技术网

Html 图像矩阵svg过滤器中的颜色软化

Html 图像矩阵svg过滤器中的颜色软化,html,css,image,svg,svg-filters,Html,Css,Image,Svg,Svg Filters,我需要使用一个图像过滤器,在90%时软化红色,在80%时软化绿色,在70%时软化蓝色。例如,我需要转换 rgb(255,255,255) 到 (229=90%*255,204=80%*255,178=70%*255)。因此,我定义了一个svg过滤器,如下所示: <feColorMatrix in="SourceGraphic" type="matrix" values="0.9 0 0 0 0 0 0.8 0 0 0 0 0 0.7 0 0

我需要使用一个图像过滤器,在90%时软化红色,在80%时软化绿色,在70%时软化蓝色。例如,我需要转换

rgb(255,255,255)  

(229=90%*255,204=80%*255,178=70%*255)。因此,我定义了一个svg过滤器,如下所示:

<feColorMatrix in="SourceGraphic" type="matrix" values="0.9 0 0 0 0
        0 0.8 0 0 0
        0 0 0.7 0 0
        0 0 0 1 0"/>

不幸的是,该过滤器没有按预期工作,因为它将白色图像转换为比颜色
rgb(229204178)
描述的颜色更浅的图像。 请参阅代码和结果


也许我还没有很好地理解矩阵过滤器的工作原理。我怎样才能获得所描述的信息?(红色、绿色和蓝色分别减少90%、80%和70%)

您需要指定sRGB作为颜色空间。加:

color-interpolation-filters="sRGB" 

安装到您的滤芯上,一切正常

您需要指定sRGB作为颜色空间。加:

color-interpolation-filters="sRGB" 
安装到您的滤芯上,一切正常