javascript - Medium里的模糊效果

Question

就是medium里的首图模糊效果怎么实现?

是用canvas吗?我用stackBlurCanvas非常卡,但是官方的demo很流畅,为什么?

Answer 1

看了一下，那直接就是图片。不是用canvas实现的模糊。

https://d262ilb51hltx0.cloudfront.net/fit/c/1600/1280/gradv/29/81/40/darken/50/blur/50/1*-OuQRvrJkCc_vHg3Qr6DyQ.jpeg

https://d262ilb51hltx0.cloudfront.net/fit/c/1600/1280/gradv/29/81/60/darken/25/1*-OuQRvrJkCc_vHg3Qr6DyQ.jpeg

Answer 2

两层图片，下一层是清晰的，上一层是模糊处理过的。
窗口滚动的时候对上层模糊的图片加透明度，初始状态是0，也就是模糊层是透明的。滚动的时候透明度逐渐增加。