blurify.js是一款小巧的js图片模糊效果插件。使用该js插件可以将任意图片进行模糊处理，它能够智能的在浏览器不支持css模糊滤镜的情况下，改用canvas来对图片进行模糊处理。  

blurify.js 使用

1、安装或引入

npm i blurify

或

<script src="dist/blurify.js"></script>

2、html

<img data-src="img/1.jpg"  alt="" class="blurify">

图片设置class类，并通过data-src属性指向该图片

3、初始化

ew blurify({
    images: document.querySelectorAll('.blurify'),
    blur: 6,
    mode: 'auto',
});

链接: https://fly63.com/nav/280