【文件属性】:
文件名称:canvas-blur:通过canvas实现毛玻璃效果
文件大小:597KB
文件格式:ZIP
更新时间:2021-07-07 00:19:55
JavaScript
canvas-blur
通过canvas实现毛玻璃效果
Fabio Sasso制作过一个事例使用了
html2canvas 0.4.1 (js截图库)
Stackblur (图片模糊处理)
完成了一个半透明的导航栏
对比通过CSS的改进实现毛玻璃的效果
(image.css 是一个通过base64加密过得图片,可以实现毛玻璃的那种粗糙效果)
【文件预览】:
canvas-blur-master
----images()
--------11.jpg(94KB)
--------02.jpg(99KB)
--------abdz.svg(2KB)
--------07.jpg(85KB)
--------04.jpg(99KB)
--------00.jpg(81KB)
--------logo.gif(16KB)
--------abdzlogo.png(4KB)
----image.css(36KB)
----js()
--------StackBlur.js(16KB)
--------.DS_Store(6KB)
--------iscroll-probe.js(43KB)
--------jquery-1.8.1.min.js(91KB)
--------html2canvas.js(87KB)
----README.md(457B)
----index.html(42KB)