javascript - 为什么粘糊糊的效果不适用于画布粒子？

Question

有问题，但我不明白具体是什么。它适用于 div 元素，但忽略了画布中的粒子。

<svg>
        <defs>
            <filter id="goo">
                <feGaussianBlur in="SourceGraphic" stdDeviation="20" result="blur" />
                <feColorMatrix in="blur" type="matrix" 
                   values=" 1 0 0 0 0
                            0 1 0 0 0
                            0 0 1 0 0
                            0 0 0 22 -9" />
                <feBlend in="SourceGraphic" in2="blur" ></feBlend>
            </filter>
        </defs>
    </svg>

codepen 上的完整演示

标签： javascriptsvgcanvas

Answer 1

解决了。由于画布上的背景，它不起作用。

canvas {background: #ffffff; }