三分法裁剪引导 - 上传照片应用九宫格参考线
上传照片,叠加九宫格参考线并手动裁剪,使主体位于三分线交点处。
UD5工具箱
调用摄像头,自动连拍4张,合成可爱大头贴
上传照片,叠加九宫格参考线并手动裁剪,使主体位于三分线交点处。
实时在摄像头视频中捕捉面部468个精细网格点,可添加贴纸或虚拟化妆。
输入URL提取OG标签,模拟Facebook/Twitter/LinkedIn卡片显示效果,优化链接分享。
使用TensorFlow.js调用COCO-SSD模型,在摄像头画面中实时框选并标注物体。
上传多个视频片段,按顺序无缝拼接为一个视频,支持转场和重新编码下载。
利用浏览器原生API录制屏幕共享或窗口,选择音频源,导出为WebM视频。
支持Code128、EAN等常见一维码的摄像头实时解读或从图片识别,显示编码数字。
上传疑似隐写图片,提取每个像素的最低位,尝试恢复隐藏的文本或数据。
上传有序的多张图片,设置每帧延迟,合成一个GIF动图。
上传一小块纹理样本,利用简单模板匹配算法无缝扩展填充成一张大图。
随机生成整数数组,逐步展示按低位优先进行的基数排序过程,辅助算法理解。
上传或粘贴 source map 文件,展示原始代码与编译后代码的对应关系,辅助调试。
添加多个周期任务和一次性延迟任务,在时间轴上观察其调用过程,学习JS定时器。
配置 manifest 中的 url_handlers,演示 PWA 如何打开特定格式的链接。
添加本地视频和SRT字幕文件,预览并生成带硬字幕的新视频文件。
列出当前页面加载的所有第三方域名请求,并演示如何通过 CSP 或浏览器扩展拦截。
计算Whirlpool算法哈希值,输出512位高强度摘要,用于数据完整性校验和密码学实践。
自定义套餐名、价格、功能列表,生成对比式价格表UI的HTML/CSS代码。
输入网址,抓取该页面上的出入链接并绘制成节点关系草图。
将多个简单几何形状随机组合,形成抽象标志logo初稿,导出SVG。
在等轴测网格上绘制建筑或场景,支持多图层及调色板,导出等轴测像素艺术作品。
上传多个 SVG 文件,自动排列合并到一个 SVG 中,生成 symbol 雪碧图并保留 original id。
应用Sobel或其他卷积核实施边缘检测,提取图像轮廓线条,可设置阈值,导出黑白线稿。
为外部 JavaScript/CSS 文件计算 SHA-256/384/512 哈希并生成完整的 integrity 属性代码。
在 SVG 画布上添加形状,设定动画属性(位置、颜色等),生成可内嵌的动画 SVG。
在页面中同时使用语音识别和合成,展示如何构建语音交互界面。
使用 ImageCapture.takePhoto() 拍摄高分辨率照片,或抓取实时帧并下载。
上传多张图片作为帧,调整每帧延迟,合成并下载动态 GIF,完全浏览器端实现。
拍下便利贴或白板字迹,工具自动清理背景并提高可读性。
调节频率、包络和波形,合成短促的UI提示音并下载WAV。