代码拉取完成,页面将自动刷新
<script src = "https://cdn.jsdelivr.net/npm/img-blur-part@2.0.2/dist/index.min.js"></script>
< script src = "https://cdn.jsdelivr.net/npm/img-blur-part@2.0.2/dist/index.min.js" > </script>
<script>
imgBlur("../example2.jpg",10, 0, 0, 100, 100, false).then((r) => {
console.log(r);
})
</script>
imgBlur(src, blurNO, sx, sy, width, height, gauss).then((r) => {
console.log(r);
})
参数 | 参数类型 | 默认值 | 参数说明 |
---|---|---|---|
src | string | / | 图片地址(一个可以读取到图片的地址,可为网络地址) |
blurNO | number | 10 | 模糊度(0-100) |
sx | number | 0 | 模糊区域左上角x坐标 |
sy | number | 0 | 模糊区域左上角y坐标 |
width | number | 100 | 模糊区域宽度 |
height | number | 100 | 模糊区域高度 |
gauss | boolean | fasle | 是否启用高斯模糊算法 |
返回一个pomise实例, 可采用pomise.then(), 获取到处理后的图片base64数据。
实现背景和原理:https://www.zhangxinxu.com/wordpress/?p=10131
demo效果体验: https://www.zhangxinxu.com/study/202109/image-local-gaussian-blur-demo.php
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。