如何控制SVG阴影的颜色?

时间:2016-10-27 18:47:24

标签: svg svg-filters

我有以下SVG:

<defs>
    <filter id="dropshadow">
        <feOffset result="offOut" in="SourceAlpha" dx="2" dy="2"></feOffset>
        <feGaussianBlur result="blurOut" in="offOut" stdDeviation="2"></feGaussianBlur>
        <feBlend in="SourceGraphic" in2="blurOut" mode="normal"></feBlend>
    </filter>
</defs>

但是,如何更改它以增加控制阴影颜色的能力?

2 个答案:

答案 0 :(得分:3)

您应该使用feColorMatrix中的固定偏移列来指定确切的颜色。具体来说,如果你想要,例如,RGB(128,128,0),那么你将它转换为单位比例(0.5,0.5,0)并将其放在颜色矩阵的第五列。在sRGB色彩空间中指定它也很重要。

<defs>
    <filter id="dropshadow" color-interpolation-filters="sRGB">
        <feOffset result="offOut" in="SourceAlpha" dx="2" dy="2"/>
        <feColorMatrix in="offOut" result ="matrixOut" type="matrix"                           
                                     values="0 0 0 0 0.5
                                             0 0 0 0 0.5
                                             0 0 0 0 0 
                                             0 0 0 1 0" />
        <feGaussianBlur result="blurOut" in="matrixOut" stdDeviation="2"/>
        <feBlend in="SourceGraphic" in2="blurOut" mode="normal"/>
    </filter>
</defs>

答案 1 :(得分:0)

您可以使用feColorMatrix元素。尝试尝试使用values属性中的数字。

&#13;
&#13;
googleapiclient.errors.HttpError:
<HttpError 429 when requesting 
https://speech.googleapis.com/v1beta1/speech:syncrecognize?alt=json returned 
"Quota exceeded.">
&#13;
&#13;
&#13;