暗いSVGの白い影を取得しようとしています画像

私は影が入ったsvg画像を入れようとしています。私のホームページの背景色はかなり暗いです。だから私は暗いSVGオブジェクトの白いドロップシャドーを持っていたいと思います。これは可能ですか？暗いSVGの白い影を取得しようとしています画像

2017-12-18 Toshihiro Miyazaki

はい、あなたは自分の元のグラフィックの下にそれを複合する前に、白にぼかし色を変更することができます。そのような：

<feGaussianBlur id="blur" in="SourceAlpha" stdDeviation="4"/> 
<feColorMatrix id="recolor" type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0" result="white-glow"/> 

<!-- Merge the shadow with the original --> 
<feMerge> 
    <feMergeNode in="white-glow"/> 
    <feMergeNode in="SourceGraphic"/> 
</feMerge> 
</filter>

出典

2017-12-18 03:04:19

感謝!!それは色のためにうまくいく。ストロークがぼやけていることに気付きました（ベクトルラインがピクセル化されていることを意味します）...ストロークラインをシャープに保ち、ドロップシャドウを追加することはできませんか？ –

元の質問を編集しないでください。今回は、ソースコードを追加して別の質問を投稿してください。 –

暗いSVGの白い影を取得しようとしています画像

答えて

関連する問題