blurify

blurify

blurify.js 是一个非常小的 (~2kb) 库,用于模糊图片,并支持从 css 模式降级到 canvas 模式。

安装

$ npm i blurify

演示

使用方法

blurify(options)

使用给定的 options 对图像进行模糊处理:

• images { Element }, 对目标元素进行模糊处理。
• blur { Int }, 模糊程度, 默认为 6。
• mode { String }, blurify 的模式。
• css: 使用 filter 属性。(default)
• canvas: 使用 canvas 导出 base64。
• auto: 首先使用 css 模式,否则自动切换到 canvas 模式。

import blurify from 'blurify';

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

// or in shorthand

blurify(6, document.querySelectorAll('.blurify'));

许可证

根据 MIT 许可证 进行许可

Demo