UD5工具箱
位图转SVG轮廓 - 在线矢量化(简单灰度)
将图片边缘检测后转换为SVG路径，生成基础矢量轮廓图，适合简单logo描摹。
图片热区映射器 - 点击绘制多边形链接
点击"新建热区"开始绘制，在图片上点击添加顶点，双击或点击"闭合多边形"完成。选中热区后可拖拽顶点编辑形状。
热区属性
选择一个热区或绘制新的热区
热区列表 0
暂无热区，请开始绘制
快捷键
N 新建热区
双击 闭合多边形
Ctrl+Z 撤销顶点
Delete 删除选中
Esc 取消绘制/取消选中
平行坐标图生成器 - 多维数据探索
上传或输入CSV多变量数据，绘制平行坐标图，支持刷选高亮模式。
边框圆角生成器 - CSS Border-Radius在线生成
在线可视化调整元素圆角半径，支持统一或分别设置四个角，实时预览圆角效果并生成CSS代码。
像素字体样本查看器 - 预览并复制CSS
浏览专用于像素风游戏的免费字体，输入文字实时预览并获取引入代码。
步骤进度条生成器 - 多步表单指示器
生成包含已完成、活跃、未完成状态的横向步骤进度指示器HTML/CSS。
等距点阵纸生成器 - 3D草图绘制
生成等距视角的点阵纸，用于绘制3D等距草图，打印使用。
SVG环形进度条生成器 - 绘图进度圈
设定百分比、颜色和粗细，生成环形SVG进度条代码，可增加动画。
Lorem Pixel 占位图生成器 - 指定尺寸类别
生成指定宽度和高度的占位图片，可选择类别（自然、人物、抽象）和灰度。
滚动进度条生成 - 页面阅读指示器
生成固定在页面顶部或底部的滚动进度条，显示当前阅读进度。
多屏幕窗口放置演示 - 扩展桌面布局
检测并列举所有显示器，将网页窗口精确定位到指定屏幕的特定位置，适合多屏办公场景。
纸上原型拼接 - 快速线框屏幕流
提供常见UI组件的粗线框风格，拖拽拼接屏幕流程。
图标字体生成器 - SVG转自定义Webfont
上传SVG图标，生成包含这些图标的Web字体文件包及CSS使用代码。
多设备同步预览框架 - iframe并排
输入URL，在同一个页面上并排显示手机/平板/桌面三种尺寸的实时预览。
二重积分黎曼和演示 - 矩形逼近曲面
用无数小长方体逼近曲面下体积，调节分割精度，直观理解二重积分概念。
黄金比例计算器 - 在线斐波那契比例尺
输入一个数值，快速计算其黄金分割长边和短边，用于版式设计、图形比例参考。
图片格式质量对比器 - PNG/JPEG/WebP/AVIF 主观评测
上传一张图片，同时压缩为多种格式并调整质量，并排比较细节与文件大小，选择最佳格式。
CSS 级联层 (@layer) 优先级可视化 - 层叠顺序对比
将CSS规则分配到不同@layer，并可视化展示最终生效声明及其来源层级，深入理解级联。
文字网格对齐器 - 等宽字体列排版
使用空格填充，将文本按指定的列宽左对齐、右对齐或居中对齐，适合纯文本报表。
CSS级联层演示 - @layer优先级可视化
交互式调整@layer顺序和选择器，实时观察CSS级联层如何影响样式应用，学习现代特性。
梯形校正工具 - 拍摄文档变方正
拖拽四角将斜拍的文档拉平为标准矩形，重采样为正对视角的文档图片。
故障艺术效果生成器 - 图片在线Glitch特效
为图片添加赛博朋克风格的数据错乱、色彩分离、扫描线等故障艺术效果，可调参数。
CSS优先级可视化图表 - 特异性对比
输入多个CSS选择器，以图表形式展示各选择器特异性的 (a,b,c) 值对比。
PDF合并工具 - 前端合并多个PDF文件
选择多个PDF，调整顺序后使用pdf-lib合并成一个新PDF，本地处理安全。
图标库速查表 - Font Awesome 6实时搜索
搜索并实时过滤所有FA6免费图标，点击直接复制 `<i>` 标签或Unicode。
屏幕像素密度计算器 - 尺寸与分辨率求PPI
输入屏幕尺寸与宽高像素，计算每英寸像素数（PPI），比较设备细腻度。
斐波那契数列生成 - 列表与黄金比
生成指定个数的斐波那契数，并展示相邻两项比值趋近黄金比例的过程。
设计评审模板 - 结构化反馈收集
上传设计稿，按喜欢、疑问、建议三区邀请评审回复，形成报告。
原生懒加载标签生成 - loading=lazy批量
为图片/iframe列表自动添加loading='lazy'属性及fallback，优化页面性能。
表单错误摘要组件生成器 - 顶部汇总与聚焦
为表单设计全局错误摘要区，当提交出错时自动生成错误链接并聚焦，符合 WCAG 3.3.1。
简易简历生成器 - 填写信息导出PDF
按步骤填写个人信息、经历和技能，套用简洁模板生成一页简历PDF（前端打印）。