UD5工具箱
在线电子签名板 - Canvas手写签名导出
在Canvas上手写签名，支持调节笔刷粗细和颜色，将签名保存为透明PNG图片。
在线绘图板 - HTML5画板涂鸦工具
快捷键：Ctrl+Z 撤销 · Ctrl+Y 重做 · B 画笔 · E 橡皮擦 · 数字键 1-9 快速切换大小
常见问题与使用技巧
本工具基于HTML5 Canvas技术构建，支持自由涂鸦绘画、多种颜色选择（预设10种常用色+自定义取色器）、画笔大小调节（1-50px）、橡皮擦功能、撤销/重做（最多20步历史记录）、一键清空画布以及下载PNG图片。完全免费，无需注册，打开即用，支持桌面端和移动端触控绘画。
本工具完美支持移动端。在手机或平板上打开页面后，直接用手指在画布上滑动即可绘画。工具栏会自动适配小屏幕，按钮和色块都会相应缩小。建议在移动端使用横屏模式获得更大的绘画空间。画布已设置
touch-action: none，绘画时不会触发页面滚动。
点击工具栏右侧的「下载」按钮，画布内容将保存为PNG格式的高清图片。即使使用了橡皮擦，下载的图片也会自动合成白色背景，确保在任意设备上查看时效果一致。图片文件名包含时间戳，方便整理。
HTML5 Canvas（画布）是浏览器原生支持的位图绘图技术，无需安装任何插件。它通过JavaScript在网页上创建可编程的绘图区域，支持路径绘制、颜色填充、图像处理等操作。本工具充分利用Canvas API实现了流畅的绘画体验，所有计算在本地完成，不会上传任何数据，隐私安全有保障。
本工具最多保存20个历史快照。每次在画布上完成一笔绘画（从落笔到抬笔）时自动保存当前状态。超过20步后，最旧的记录会被自动清除。清空画布操作也会被记录到历史中，支持撤销恢复。使用Ctrl+Z撤销，Ctrl+Y重做。
橡皮擦使用的是Canvas的
destination-out合成模式，会将像素真正擦除变为透明。画布下方有白色CSS背景，所以视觉上看起来是白色的。下载图片时，工具会自动在导出前合成白色背景图层，确保下载的PNG图片中擦除区域显示为纯白色，与屏幕上看到的一致。
CSS阴影生成器 - 在线Box-Shadow代码生成
可视化CSS box-shadow生成工具，拖拽调整阴影偏移、模糊、扩散、颜色，实时预览并生成代码。
泰森多边形生成器 - Voronoi图在线绘制
随机生成或手动添加种子点，实时绘制泰森多边形分割区域，可导出为SVG或图片。
PlantUML 编码解码器 - 在线生成图表链接
输入 PlantUML 文本，编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
情绪板/灵感拼贴在线制作器
上传或搜索图片，自由排列、旋转、剪裁成灵感拼贴，适合设计师收集创意参考。
在线刮奖卡 - Canvas涂抹刮开涂层
在Canvas上用鼠标涂抹刮开银色涂层，显示隐藏文字或图片，模拟刮刮乐。
DIY润唇膏配方计算 - 蜂蜡/油脂/精油比例
输入想做的唇膏数量，根据推荐配比计算蜂蜡、植物油和精油的用量。
Flexbox布局生成器 - 在线弹性盒可视化生成
在线Flexbox布局可视化生成器，直观调整主轴、交叉轴对齐、换行等属性，实时显示效果并输出CSS。
XML 格式化与验证工具 - 在线XML美化
在线XML格式化工具，支持XML缩进美化、语法高亮、树形结构查看及格式验证，完全在浏览器中处理。
色盲安全调色板推荐 - 数据可视化配色
提供多组在各色盲类型下仍可区分的定性、连续配色方案，辅助图表设计。
MutationObserver 游乐场 - DOM变动实时记录
观察目标节点的添加、删除、属性变更，日志可视化展示，调试动态DOM的利器。
Trusted Types安全演示 - 防止DOM XSS
展示如何通过强制Trusted Types策略阻止将未清理字符串直接赋给innerHTML。
JSON 格式化与验证工具 - 在线JSON美化校验
在线JSON格式化与验证工具，支持JSON压缩美化、语法高亮、错误定位，浏览器本地处理保障数据安全。
Trusted Types 安全浏览 - DOM XSS防护演示
展示如何用默认策略将字符串转换为TrustedHTML，并观察禁止直接赋值的安全限制。
Web分享API测试 - 调用系统分享面板
填写标题、文本和URL，触发系统级分享菜单，测试Web Share API功能。
Web USB调试工具 - 连接Arduino等设备
请求USB设备并列出接口，发送和接收数据，适用于调试兼容WebUSB的微控制器。
声控灯光特效 - 根据麦克风音量变色
网页全屏彩色灯光，随麦克风捕捉的音量跳动，制造派对或直播氛围。
Tailwind颜色色阶预览器 - 50到950色度
展示Tailwind CSS全套颜色(50-950)的色块，点击复制对应的类名或十六进制值。
Navigation API 演示 - 现代前端路由导航
使用新的 Navigation API 拦截导航、管理历史条目，构建类 SPA 体验。
腮红口红虚拟试色 - 摄像头人脸叠加
通过人脸关键点定位，在视频流中给嘴唇和脸颊叠加色彩。
麦克风实时可视化 - 波形/频谱/音量
调用麦克风，以多种样式（波形、频谱、圆环音量）实时显示输入声音。
蓝牙设备扫描 - Web Bluetooth API探测
搜索附近的蓝牙低功耗(BLE)设备，并显示设备名称和ID，需用户授权。
JWT 签发与验证工具 - 在线调试JSON Web Token
填入Payload及密钥，选择HS256/RS256算法生成JWT，并验证已签发Token的签名与过期时间。
卡拉OK混响效果器 - 麦克风实时加音效
为麦克风输入实时添加大厅混响和回声效果，简易网页K歌体验。
麦克风实时监听 - 测试麦克风声音
立即播放麦克风输入的声音，检验麦克风是否工作。
HTML Sanitizer API演示 - 安全插入HTML
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串，并安全插入DOM。
贺卡在线设计 - 选择模板添加祝福语发送
内置多种节日与场景模板，自定义文字与图片，生成电子贺卡图片或链接分享给亲友。
鱼眼镜头效果 - 图片桶形畸变模拟
为图片添加凸变或凹变扭曲，模拟超广角鱼眼镜头的夸张效果。
Web Share Target测试 - PWA分享接收
演示如何注册为分享目标，接收来自其他应用的分享内容（需PWA安装）。
故事开头生成器 - 打破写作开头空白
随机提供一句引人入胜的故事开头，帮助作家克服空白页。