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