图片渐变色提取器 - 在线分析图片主渐变
从上传的图片中智能提取主要渐变色方向与色标,生成对应CSS渐变代码,用于设计背景。
UD5工具箱
可视化原子核随机衰变过程 · 观察半衰期统计规律 实时模拟
从上传的图片中智能提取主要渐变色方向与色标,生成对应CSS渐变代码,用于设计背景。
分别使用 WebGPU 和 Canvas 2D 绘制复杂渐变,实时对比帧率与 CPU/GPU 占用,展示硬件加速优势。
对长列表应用 content-visibility:auto,对比启用前后渲染时间和内存占用。
本地音频或麦克风输入时,显示随音乐跳动的频谱柱状图,多种配色风格。
将光照不均匀的文档照片进行局部自适应阈值处理,清晰提取文字和线条。
显示当前页面动画的实时 FPS 图表,检测掉帧和卡顿,辅助性能优化。
在线响应式布局测试器,同时预览常见设备分辨率的网页显示效果,帮助检查前端适配。
拖拽添加状态和转换,定义事件和动作,生成 JavaScript 状态机代码。
生成带有音频波形可视化、可点击跳转的可定制HTML音频播放器代码。
输入多个维度的数值,自动绘制蜘蛛网雷达图,支持多组数据叠加比较。
上传GIF动图,将所有帧提取出来并打包下载为单个PNG文件,用于修改分析。
显示当前页面动画的帧率、单帧耗时和丢帧比例,辅助流畅度调试。
并排展示ease、ease-in、ease-out等不同CSS缓动函数的动画速率差异,辅助选择合适曲线。
上传CSV文件,自动计算每列的计数、唯一值、缺失率及数值型分布直方图,快速了解数据。
输入文字,选择闪烁、打字、彩虹等动态效果,生成文字动画GIF。
通过Canvas生成不同粒度、颜色的噪点纹理图片,适合用作页面背景或叠加。
编写 HTML 和 import map,在浏览器中直接导入裸标识符模块并执行。
上传图片,拖动滑块调整像素块大小,实时预览马赛克效果并导出为图片。
上传图片,绘制其亮度及红绿蓝通道的直方图,辅助曝光评估。
用WebGL或Three.js(轻量版)展示一条旋转的莫比乌斯带,可用鼠标拖拽视角。
在前端创建模拟 SSE 连接,接收服务器推送的消息流并实时渲染到页面。
输入dy/dx表达式和初始条件,用欧拉法逐步求解并绘制近似积分曲线。
记录页面交互触发的所有DOM事件及其目标、冒泡阶段,以日志和瀑布形式展示。
选择不同的频率和振动模式,生成对应的二维克拉尼金属板砂粒聚集图案。
播放两个频率相近的正弦波,实时听到并看到拍音波形的幅度变化。
上传 SRT 字幕文件,整体提前或延迟所有时间戳,或按比例拉伸压缩以匹配视频。
通过拖拽贝塞尔曲线调整图片的亮度和颜色映射,实现高级调色效果。
选择视频的一个片段,生成几秒钟的 GIF 动图作为预览缩略图,可设置尺寸和帧率。
上传图片,显示红、绿、蓝及亮度通道的直方图,辅助评估曝光与色彩分布。
使用 Canvas 生成带有光照和凹凸效果的 3D 渐变纹理,可导出无缝平铺图。