霍夫线变换演示 - 检测图片中的直线
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
UD5工具箱
基于John Canny经典算法的边缘检测工具,通过双阈值与非极大值抑制精确提取图像轮廓
Canny边缘检测器 · 基于经典计算机视觉算法 · 所有处理均在浏览器本地完成,图片不会上传到服务器
在绘图板画几条直线,算法自动利用霍夫变换检测并高亮出这些线段。
输入网址,尝试拉取该站favicon并提取其主要颜色,用于品牌配色参考。
设定物理页框数,输入页引用串,动画展示不同页面置换算法的缺页率。
拖拽基色指针,自动计算互补、近似、三等分等七种和谐配色方案,复制十六进制值。
在画布上放置多个色点,颜色平滑插值形成类似矢量网格渐变的梦幻背景。
上传两张图片,实时切换并预览正片叠底、滤色、叠加等多种混合模式效果。
调节背景色、亮阴影与暗阴影距离,生成新拟态风格按钮/卡片样式并导出代码。
展示几组在各类色盲下仍可区分的定性数据配色方案,含Hex码。
拖拽两控制点精细微调CSS `cubic-bezier()` 曲线并对比预设函数效果。
支持任意格式颜色输入,计算对比度并显示WCAG 2.1各级别通过情况,含颜色建议。
为图片添加类似胶片漏光的红黄色调渐变或光晕效果,营造怀旧氛围。
将图片灰度化后,把阴影区域映射为一种颜色,高光映射为另一种,创造经典双色效果。
在色相环上点选基色,自动生成互补色、分裂互补、三角色、四角色等方案。
选择任意基色,自动计算互补色、分裂互补及三分色,提供十六进制代码,一键复制。
输入新旧JSON,并排展示增删改的行级差异,辅助接口变动追踪。
输入短链接或URL,逐跳追踪HTTP 301/302等重定向,显示最终目标。
绑定动画进度到滚动位置,交互式调整参数,直观理解scroll-timeline和view-timeline。
加载Lottie动画JSON文件,播放并控制速度、方向,预览动效效果。
基于Bcrypt算法的密码安全哈希,可调节工作因子,适合存储用户密码时的单向加密演示。
输入任意正整数,即时判定是否为质数,并显示其因数分解结果,轻量数学工具。
在Oklch色彩空间中生成均匀色阶、类比色和互补色方案,确保视觉一致性。
输入 HTML 或网址,提取所有标题标签,生成文档大纲树,检测跳跃和缺失。
可拖拽的虚拟尺子和量角器叠于当前页面,精确测量像素长度与旋转角度。
通过加权Voronoi点算法将图片转换为类似针笔画的黑白点描艺术效果。
输入URL模式字符串(通配符、命名组)和测试URL,验证是否匹配并提取参数。
粘贴带参数的URL,以表格形式列出所有Query参数与值。
上传 webpack 的 stats.json,生成交互式树状图、模块大小排名,辅助优化构建体积。
并列播放所有CSS内置缓动函数(ease, linear等)的动画效果,方便对比选择。
创建带有复选框或标签的多选下拉列表,支持删除已选项,键盘可全控。
拖放 lcov.info 文件,以颜色标示每行代码的覆盖状态。