图片转灰度图 - 在线照片黑白化处理
将彩色照片转为黑白灰度,支持平均值、加权法等算法,调整亮度对比度,前端即时出图。
触摸滑动手势方向检测 - 上下左右拖动识别
在触摸区域内滑动,实时检测方向(上/下/左/右)并记录距离和速度,用于交互调试。
油画滤镜效果 - 图片转印象派油画
通过半径和强度滑块模拟油画笔触效果,将照片转为生动的仿油画作品。
SVG转PNG工具 - 矢量图形转光栅图片
将SVG代码或文件渲染为指定尺寸的PNG图片,支持透明背景,纯前端转换保证隐私。
CSS 缓动函数可视化预览 - 动画 timing-function 演示
展示所有内置缓动函数(ease, linear 等)及自定义 cubic-bezier 的运动曲线和动画效果。
图片色彩迁移工具 - 将一张图的色调应用到另一张
选择源图(提供色调)和目标图,将源图的整体色彩风格迁移到目标图片上。
图片精灵图手动生成器 - 上传多图合成并生成CSS
上传多张小图标,自定义排列间距,自动生成合并图片和对应的 background-position CSS。
剪贴板图片粘贴预览 - Ctrl+V获取截图
允许用户Ctrl+V粘贴剪贴板中的截图或图片,预览并可转为Base64或下载。
数字华容道 - 滑块拼图还原顺序挑战
经典数字滑块拼图,点击移动数字方块,按顺序排列还原,内置步数计时。
数字绘画工具箱 - 多种笔刷和图层
带有基本图层概念的在线画画工具,支持多种笔刷效果和透明度调节。
重复背景图案生成器 - 条纹/棋盘CSS
选择预设图案(条纹、棋盘、点阵),微调颜色和尺寸,输出background代码。
图片锐化工具 - 拉普拉斯/非锐度掩蔽
通过调整锐化半径和强度,使用非锐度掩蔽技术让模糊的照片细节更清晰。
倒立文本生成器 - 上下翻转字符效果
利用Unicode字符映射,将输入文本上下颠倒翻转显示,可直接复制到社交平台。
CSS 背景图案生成器 - 条纹/点/网格重复背景
通过可视化参数生成纯 CSS 的背景图案(斜条纹、圆点、方格等),实时调整颜色和尺寸。
多语言语音识别测试 - 切换语言识别
选择多种语言,利用Web Speech API测试语音转文字准确率对比。
Web Locks API演示 - 多标签页资源协调
在多个浏览器标签页间通过Web Locks API协调共享资源的访问,展示锁机制。
鼠标手势记录器 - 绘制并触发动作
记录鼠标移动轨迹作为手势,绑定到页面内操作(如刷新、返回),仅供演示。
数据表格组件演示 - 排序/过滤/分页
加载 JSON 数据,生成带列排序、搜索过滤和前端分页的交互式表格。
Cookie同意横幅生成器 - GDPR/CCPA合规提示
自定义颜色和文本,生成Cookie同意提示栏HTML/CSS/JS代码,集成到网站。
高级CSS图案背景库 - 精选条纹/圆点/棋盘
浏览数十种纯CSS实现的几何背景图案,一键复制代码。
CSS选择器优先级计算器 - 层叠权重比较
计算并比较多个CSS选择器的优先级数值(a,b,c,d),直观解释为何某样式生效。
虚拟陶轮 - 旋转对称绘制陶罐
在Canvas上半边绘制陶罐轮廓,自动对称旋转形成3D状的陶罐效果。
数学螺旋生成器 - 阿基米德/对数等螺旋线
选择螺旋类型(阿基米德、对数、费马等),调整参数绘制优美螺旋线。
任意多边形面积计算器 - 输入顶点坐标或点击绘制
点击画布绘制多边形顶点,自动使用鞋带公式计算面积并显示周长。
浮动标签文本框生成器 - Material风格
生成当用户输入时占位符上浮变为标签的Material风格输入框HTML/CSS。
英文句子图解工具 - 主谓宾定状分支线
输入简单句,生成传统的句子图解树,显示成分关系。
文本行去重过滤器 - 保留或删除重复
提取文本中的唯一行、或删除重复行、或仅显示重复行,多模式整理。
Cookie 罐检查器 - 详细展示所有属性与来源
列出当前页面所有 Cookie,包括 SameSite、Secure、Domain、Path 等完整信息。
图片配色提取器 - 从任何图片生成调色板
上传图片或粘贴 URL,提取主色调和辅助色,保存为调色板集合。
图片曲线调整工具 - RGB 与明度通道调色
在曲线上添加控制点调节图片亮度和各颜色通道,支持 S 曲线、反相、负片等高级调色效果。
UD5工具箱