泰森多边形生成器 - Voronoi图在线绘制
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
UD5工具箱
支持 JPG / PNG / WebP,最大 20MB
随机生成或手动添加种子点,实时绘制泰森多边形分割区域,可导出为SVG或图片。
展示如何通过强制Trusted Types策略阻止将未清理字符串直接赋给innerHTML。
在线Flexbox布局可视化生成器,直观调整主轴、交叉轴对齐、换行等属性,实时显示效果并输出CSS。
显示若干张色盲测试图,用户识别数字,判断可能的色觉缺陷类型。
在正常文字上下添加大量Unicode组合符号,产生毛刺、阴森的Zalgo效果,可调强度。
输入 PlantUML 文本,编码为可嵌入图片的 URL 或解码已有的 PlantUML 链接查看源码。
解析JSON Web Token,显示Header和Payload内容及签名算法,不验证签名,方便开发调试。
填写标题、描述、图片等信息,自动生成符合Open Graph协议的HTML meta标签,优化社交平台分享预览。
可视化CSS box-shadow生成工具,拖拽调整阴影偏移、模糊、扩散、颜色,实时预览并生成代码。
观察目标节点的添加、删除、属性变更,日志可视化展示,调试动态DOM的利器。
展示如何用默认策略将字符串转换为TrustedHTML,并观察禁止直接赋值的安全限制。
在Canvas上用鼠标涂抹刮开银色涂层,显示隐藏文字或图片,模拟刮刮乐。
通过人脸关键点定位,在视频流中给嘴唇和脸颊叠加色彩。
使用 ConvolverNode 或算法混响,模拟不同空间环境的声音混响效果,如浴室、音乐厅。
在线XML格式化工具,支持XML缩进美化、语法高亮、树形结构查看及格式验证,完全在浏览器中处理。
在线JSON格式化与验证工具,支持JSON压缩美化、语法高亮、错误定位,浏览器本地处理保障数据安全。
从麦克风采集声音,用Web Audio实时改变音高、加速、加回声或机器人效果。
提供多组在各色盲类型下仍可区分的定性、连续配色方案,辅助图表设计。
使用新的Sanitizer API清理可能存在XSS风险的HTML字符串,并安全插入DOM。
上传或搜索图片,自由排列、旋转、剪裁成灵感拼贴,适合设计师收集创意参考。
可选择多种全屏动态特效(气球上升、彩带飘落),用于节日或活动氛围。
网页全屏彩色灯光,随麦克风捕捉的音量跳动,制造派对或直播氛围。
为摄像头画面添加紫色/霓虹色调、扫描线和色相差,实现Cyberpunk风格自拍。
掷五个虚拟骰子,自动分类计算十六条得分项并高亮最佳填充策略,辅助桌游。
输入多级面包屑链接和名称,生成符合Schema.org规范的面包屑JSON-LD代码。
在Canvas上手写签名,支持调节笔刷粗细和颜色,将签名保存为透明PNG图片。
使用紧邻插值算法将像素画放大两到三倍而不变模糊,保持锐利边缘。
演示如何注册为分享目标,接收来自其他应用的分享内容(需PWA安装)。
掷5颗骰子,选择保留哪些,3次机会后填入计分表,自动加总。
展示Tailwind CSS全套颜色(50-950)的色块,点击复制对应的类名或十六进制值。