交叉观察器应用演示 - 滚动曝光与懒加载
演示元素进入视口时触发懒加载和曝光埋点,并展示当前可见比例。
下雨效果叠加 - 照片添加逼真雨丝
在图片上叠加倾斜雨丝和雾气,并调节雨的密度和速度,可导出动画GIF。
Trusted Web Activity 辅助工具 - 验证数字资产链接
粘贴 assetlinks.json 内容,检查是否符合 TWA 打包要求,帮助将 PWA 上架应用商店。
贴纸制作器 - 图片添加白边描边
将图片内容加粗白色描边并添加阴影,生成类似聊天贴纸的圆形/方形效果。
简易盆景设计器 - 拖拽树木石头布局
在虚拟盆中拖拽树木、石头、苔藓等元素,设计自己理想的盆景样式。
微景观生态瓶规划 - 分层设计工具
在玻璃容器中逐层添加沙石、土壤、植物和装饰,预览微景观生态瓶效果。
ReDoS 正则回溯攻击检测器 - 危险模式分析
输入正则表达式,检测潜在的指数级回溯陷阱,避免服务器性能被恶意输入拖垮。
CSS object-fit 与 object-position 演示 - 图片填充对比
上传图片并选择不同的 object-fit 和 object-position 值,查看填充效果差异。
会议心情签到 - 匿名提交今日状态
团队成员在会前用温度计匿名标情绪,汇总显示利于主持人引导。
Shadow DOM样式预览器 - 检查封装组件
粘贴Shadow DOM代码,直观预览封装组件内部的CSS作用域及其对外界的影响。
布隆过滤器演示 - 添加元素与存在性检查
使用多个哈希函数和位数组,演示布隆过滤器的添加和查询,计算误判率。
动态角标 Favicon 生成 - 数字气泡提醒
在 Favicon 上叠加未读消息数量的数字角标,生成相应 JS 代码。
目录上传与文件树展示 - 保留结构上传
选择文件夹并上传,保留相对路径,以树形结构展示所有文件并读取内容。
玻璃拟态卡片生成 - CSS Glass Card
采用backdrop-filter和半透明背景,生成流行的玻璃质感UI卡片代码。
护肤流程构建器 - 早晚步骤与成分核对
选择肤质与目标,生成早间晚间护肤步骤,并记录完成情况。
图片暗角效果生成器 - 强度/半径/羽化
为图片添加可调节的暗角效果,控制大小、强度和羽化,引导视线至中心。
图片渐变叠加生成器 - 添加色彩滤镜层
选择一个渐变样式覆盖在图片上,调整混合模式和不透明度,制作氛围图片。
全屏护眼色层 - 自定义滤蓝光/暖色
在网页顶部添加半透明暖色或暗色覆盖层,调节不透明度,降低屏幕刺眼感。
实时色盲滤镜预览 - 摄像头/屏幕查看
调用摄像头或截取屏幕区域,叠加色觉障碍模拟滤镜,帮助理解不同色盲视角。
图像水波纹滤镜 - 模拟池塘涟漪折射
以鼠标点击处为落石,在图片上产生一圈圈扩散的波纹折射扭曲。
图像漩涡旋转滤镜 - 核心旋转扭曲效果
将图像从中心点开始向外做逐渐减弱的旋转扭曲,生成超现实的漩涡画面。
图像挤压/膨胀滤镜 - 局部变形工具
像哈哈镜一样,鼠标滑动对图片局部进行实时的膨胀或挤压变形。
图像排线效果 - 交叉阴影线手绘风格
用密集的交叉线条重绘图片,光影由线条的粗细和密度决定,模拟版画排线风格。
图像炭笔画效果生成 - 粗糙线条与颗粒感
结合对比度拉伸和强噪点纹理,将照片变为具有深色粗糙质感的炭笔素描画。
图片锐化工具 - 拉普拉斯/非锐度掩蔽
通过调整锐化半径和强度,使用非锐度掩蔽技术让模糊的照片细节更清晰。
模拟散景效果 - 添加虚化光斑叠加
在照片上叠加多彩的圆形光斑,调整大小和数量,模拟大光圈镜头的散景。
一键图片美化 - 自动色阶/对比度/锐化
自动拉伸直方图、平衡对比度和轻微锐化,快速改善普通照片的视觉效果。
电话语音滤镜 - 模拟通话音质
对音频应用带通滤波和失真,模拟老式电话线传输的狭窄频响特点。
基础风格迁移演示 - 载入预训练小型模型
利用预训练的轻量变换网络在浏览器中简单演示将图片转换成特定风格。
卡通自拍生成器 - 边缘平滑加量化色彩
通过联合双边滤波和颜色量化,将自拍简化为柔和平滑的卡通人物风格。
UD5工具箱