离线扫码器 - 无需网络摄像头识别
纯前端二维码识别,支持摄像头实时扫描和图片上传解码。
带Logo的二维码生成器 - 中间嵌入图片QR
生成包含中心Logo或图标的二维码,支持容错H级,定制颜色,增强品牌感。
WebCodecs API 图像解码器 - 解码 JPEG/PNG 帧
使用 ImageDecoder API 解码图片并逐帧显示(若为动图),展示底层编解码能力。
Image Capture API 演示 - 拍照并获取原始帧
使用 ImageCapture.takePhoto() 拍摄高分辨率照片,或抓取实时帧并下载。
权限API测试器 - 摄像头/位置/通知
使用Permissions API检查摄像头、地理位置、通知等权限的当前状态和可查询性。
MediaRecorder API 多媒体录制 - 摄像头+音频捕获
获取摄像头和麦克风,录制视频片段并回放或下载,展示 API 基本用法。
视频帧捕获工具 - 从视频中提取静态图片
加载本地视频,定位到任意时间点并捕获当前帧为图像,支持连续捕获多帧。
动态GIF二维码生成器 - 逐帧叠加动画
生成带闪烁或循环色彩的动态GIF二维码,增加扫码趣味性。
图片取色器 - 在线提取图片主色调
从上传的图片中提取主要颜色或指定像素的RGB/HEX值,生成图片调色板,辅助配色设计。
二维码美化器 - 定制颜色圆点样式
生成二维码的同时设置渐变色彩、圆角方块、添加中心Logo,并调节容错。
剪影生成器 - 提取人物/物体轮廓变黑
上传正面照,简单亮度阈值提取剪影,可下载PNG。
雷达图生成器 - 多维数据可视化工具
输入多个维度的数值,自动绘制蜘蛛网雷达图,支持多组数据叠加比较。
DOM事件监控器 - 实时录制显示触发事件
记录页面交互触发的所有DOM事件及其目标、冒泡阶段,以日志和瀑布形式展示。
视频动态缩略图生成器 - 提取片段生成 GIF
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
GIF帧提取器 - 动图分解为单帧图片
上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
代码片段转图片 - 高亮代码导出为美观图片
粘贴代码并选择高亮主题,将代码片段渲染为精美的PNG图片,便于社交媒体分享。
响应式设计测试工具 - 多分辨率视口预览
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
交互式图像分割演示 - 点击分离对象
在图像上点击,利用前端模型将点击范围内的主要物体自动从背景分离。
全景声方位模拟 - 拖拽声源全向移动
使用Web Audio PannerNode,在头顶环绕拖拽一个声源,体验声音在空间的移动。
照片马赛克生成器 - 上传图片分割成彩色方块
上传图片,调节块大小,生成马赛克风格图片,可下载。
精灵表查看器 - 分解并预览各帧动画
上传精灵表图片,设定行数和列数,实时播放动画并提取单帧。
像素化/马赛克工具 - 图片区域打码遮盖
在图片上拖拽矩形区域,对该区域进行像素化处理,用于遮盖敏感信息,可调节方块大小。
CSV 数据概要分析器 - 列统计与分布可视化
上传CSV文件,自动计算每列的计数、唯一值、缺失率及数值型分布直方图,快速了解数据。
视频片段转GIF - 选取时间段导出动图
上传视频,截取其中一小段并转换GIF,可调帧率和尺寸,前端转换。
自适应阈值二值化 - 局部光照不均处理
将光照不均匀的文档照片进行局部自适应阈值处理,清晰提取文字和线条。
触摸事件探查器 - 多点触控详细数据记录
实时显示touchstart/move/end事件的所有属性:坐标、力度、半径与角度,辅助手势开发。
动态 GIF 合成工具 - 多张图片帧合并成 GIF
上传多张图片作为帧,调整每帧延迟,合成并下载动态 GIF,完全浏览器端实现。
在线图片裁剪工具 - Canvas自由裁剪/固定比例
前端图片裁剪工具,支持拖拽选取区域、固定比例(如1:1, 4:3)裁剪,实时预览并下载裁剪后图片。
音乐频谱可视化 - 实时跳动频率柱
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
嵌入式Logo二维码设计器 - 自定义颜色与中心图
输入链接,上传Logo嵌入中心,选择颜色与模板,生成个性化高容错艺术码。
UD5工具箱