Html 图像矩阵svg过滤器中的颜色软化
我需要使用一个图像过滤器,在90%时软化红色,在80%时软化绿色,在70%时软化蓝色。例如,我需要转换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
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"
安装到您的滤芯上,一切正常