UD5工具箱
CSS 背景图案生成器 - 条纹/点/网格重复背景
通过可视化参数生成纯 CSS 的背景图案（斜条纹、圆点、方格等），实时调整颜色和尺寸。
CSS 缓动函数可视化预览 - 动画 timing-function 演示
展示所有内置缓动函数（ease, linear 等）及自定义 cubic-bezier 的运动曲线和动画效果。
高级CSS图案背景库 - 精选条纹/圆点/棋盘
浏览数十种纯CSS实现的几何背景图案，一键复制代码。
数据表格组件演示 - 排序/过滤/分页
加载 JSON 数据，生成带列排序、搜索过滤和前端分页的交互式表格。
图片精灵图手动生成器 - 上传多图合成并生成CSS
上传多张小图标，自定义排列间距，自动生成合并图片和对应的 background-position CSS。
重复背景图案生成器 - 条纹/棋盘CSS
选择预设图案（条纹、棋盘、点阵），微调颜色和尺寸，输出background代码。
Hill密码工具 - 矩阵加密演示
输入可逆密钥矩阵，对文本进行Hill密码加密与解密，展示线性代数应用。
Cookie 罐检查器 - 详细展示所有属性与来源
列出当前页面所有 Cookie，包括 SameSite、Secure、Domain、Path 等完整信息。
Web Locks API演示 - 多标签页资源协调
在多个浏览器标签页间通过Web Locks API协调共享资源的访问，展示锁机制。
任意多边形面积计算器 - 输入顶点坐标或点击绘制
点击画布绘制多边形顶点，自动使用鞋带公式计算面积并显示周长。
文本行去重过滤器 - 保留或删除重复
提取文本中的唯一行、或删除重复行、或仅显示重复行，多模式整理。
图片对比滑动器 - 两图叠加拖动对比
上传两张图片，通过滑块左右拖动查看叠加差异，用于展示修图前后或滤镜效果。
多语言语音识别测试 - 切换语言识别
选择多种语言，利用Web Speech API测试语音转文字准确率对比。
图片锐化工具 - 拉普拉斯/非锐度掩蔽
通过调整锐化半径和强度，使用非锐度掩蔽技术让模糊的照片细节更清晰。
图片色彩迁移工具 - 将一张图的色调应用到另一张
选择源图（提供色调）和目标图，将源图的整体色彩风格迁移到目标图片上。
SVG转PNG工具 - 矢量图形转光栅图片
将SVG代码或文件渲染为指定尺寸的PNG图片，支持透明背景，纯前端转换保证隐私。
Cookie同意横幅生成器 - GDPR/CCPA合规提示
自定义颜色和文本，生成Cookie同意提示栏HTML/CSS/JS代码，集成到网站。
英文句子图解工具 - 主谓宾定状分支线
输入简单句，生成传统的句子图解树，显示成分关系。
油画滤镜效果 - 图片转印象派油画
通过半径和强度滑块模拟油画笔触效果，将照片转为生动的仿油画作品。
面试问题库 - 按类别浏览与答题要点
分类浏览行为面试、技术面试等常见问题，附回答思路提示。
图片转灰度图 - 在线照片黑白化处理
将彩色照片转为黑白灰度，支持平均值、加权法等算法，调整亮度对比度，前端即时出图。
礼拜时间计算器 - 根据地点计算伊斯兰祈祷时间
选择城市或输入经纬度，计算当天的五次礼拜大致时刻。
文件下载时间计算器 - 网速与文件大小
输入文件大小和网络速度，计算预计下载时长。
电池续航估算器 - 设备功率与电池容量计算
输入电池容量（mAh/Wh）与设备功率，估算理论使用时长。
鱼缸药剂用量计算 - 根据水体与浓度安全用药
输入鱼缸净水量和药物推荐浓度，计算需要加入的毫升或克数，避免用药过量。
日出日落月出月落计算 - 选择地点与日期
选地理坐标与日期，计算当天的日出、日落、月出、月落时刻。
产假天数与工资计算 - 按政策智能汇总
输入预产期与所在地区，参照通用规则计算产假起止与生育津贴范围。
空调耗电与电费计算器 - 匹数/能效/时长
输入空调匹数、能效级、设定温度与使用小时，估算每日/每月耗电量与成本。
家庭用水量估算器 - 按用水行为统计
选择洗浴、洗衣等日常用水频次，估算月用水吨数与水费，培养节水意识。
合租水电燃气分摊 - 按人头/天数精细算
输入总账单及室友入住天数，按居住时间比例计算每人应付额，清晰透明。