如何控制SVG阴影的颜色？

Question

我有以下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>

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

Answer 1

您应该使用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>

Answer 2

您可以使用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;