我有一个问题,当使用黑色以外的任何其他颜色时,我的 feGuassian 模糊无法正常工作。
在 chrome 上它工作得很好。我还没有在 safari 上测试过。
我在 jsFiddle 上创建了一个示例:
HTML:
<div>
<div class="bigLogo">
<div class="blobs">
<div class="blob"></div>
<div class="blob"></div>
<div class="blob"></div>
<div class="connect12">
<div class="part1"></div>
<div class="part2"></div>
<div class="part3"></div>
</div>
<div class="connect23">
<div class="part3"></div>
</div>
<div class="connect31">
<div class="part3"></div>
</div>
</div>
<svg xmlns="http://www,w3.org" version='1.1'>
<defs>
<filter id="goo">
<feGaussianBlur in="SourceGraphic" stdDeviation="10" result="blur"/>
<feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo"/>
<feBlend in="SourceGraphic" in2="goo" …Run Code Online (Sandbox Code Playgroud)