有机形状/气泡生成器 - CSS border-radius 不规则圆形
拖拽控制点创建不规则、有机感的圆角形状,生成对应的 border-radius 代码。
UD5工具箱
拖拽文件到此处上传
或点击选择文件 · 支持多文件
手动添加
文件列表 (0)
上传文件或选择预设数据
气泡大小与文件体积成正比
拖拽控制点创建不规则、有机感的圆角形状,生成对应的 border-radius 代码。
上传或粘贴 webpack 等工具的 stats.json 文件,生成交互式树状图,直观查看各模块大小与占比。
像哈哈镜一样,鼠标滑动对图片局部进行实时的膨胀或挤压变形。
运行 Gray-Scott 反应扩散模型,调节参数生成斑点、条纹等生物斑图。
上传图片,记录用户在图片上的点击位置,生成点击热度分布伪彩图。
调整粒子数量、形状、颜色、连线等参数,实时预览粒子背景效果,导出 Particles.js 配置 JSON。
设定观察阈值,实时查看目标元素进入/离开视口时的回调,学习交叉观察者API。
不同颜色的粒子根据简单规则相互吸引或排斥,观察类细胞或生命的涌现模式。
上传图片,利用Tesseract.js离线识别其中的英文或简单文字并复制。
定义JSON Schema结构,自动填充符合类型与格式的随机数据,支持导出大文件用于压力测试。
运行Gray-Scott反应扩散模型,生成类似动物毛皮或化学斑图的复杂纹理。
上传同一图片,分别转换为 WebP 和 AVIF,并排比较文件大小与视觉质量。
从预设向量场(如漩涡、源)中选择,观察箭头分布并计算给定点的散度和旋度。
完整的植物细胞图,点击或悬停任一部分(如叶绿体),显示其名称和功能说明。
使用 LZ-String 算法压缩长文本,展示压缩率和解压速度,适合 localStorage 存储。
为同一图片的不同分辨率版本自动生成srcset和sizes属性代码。
选择本地音频文件,解绘制完整的静态波形图,便于观察响度变化。
制作具有真实按下突起感的3D拟物按钮,可调整颜色和阴影深度。
使用Canvas API实现的图片压缩工具,调整质量压缩JPEG/PNG图片,减小文件体积,本地处理保护隐私。
生成图片局部放大镜效果,可调节镜头大小和放大倍率,输出HTML/CSS/JS交互代码。
拖拽电路元件(电池、电阻、灯泡)到画布,用导线连接,绘制基础电路图。
提取图片中每个像素的RGB值并在3D空间中以小球显示,直观查看主色分布。
配置Launch Handler使PWA应用在重复点击时聚焦到已开窗口,而不是新建窗口。
在二维平面上点击生成数据点,调节Eps与MinPts参数,实时查看DBSCAN聚类结果与噪点识别。
演示请求订阅Web Push,获得端点后可配合服务端发送测试推送。
粘贴邮件HTML代码,在类似Gmail、Outlook的模拟框中预览效果。
编写DOT语言描述节点与边,前端渲染为有向图/无向图,辅助关系梳理。
粘贴以逗号分隔的标签和数值,即刻生成饼图并自定义颜色。
在画布上拖放元件并连线,点亮虚拟灯泡,理解导电回路原理。
在图片上绘制多边形顶点,生成物理引擎所需的碰撞形状数据。