无需登录 数据私有 本地保存

泰森多边形生成器 - Voronoi图在线绘制

教育工具 趣味工具 Canvas Voronoi 多边形
172
0
0
0
本教程将引导你从零开始使用泰森多边形生成器，掌握所有核心操作。 【第一步：了解界面布局】打开工具页面后，你会看到一个简洁的三栏布局。左侧是核心画布区域，这是Voronoi图的显示和交互区域；顶部是工具栏，包含视图切换按钮（种子点/边界线开关）和操作按钮（随机生成、清空、撤销、导出PNG、显示点）；右侧面板包含种子点列表和快捷预设区域。所有操作都在浏览器中完成，无需安装任何插件或软件。 【第二步：手动添加种子点】将鼠标移动到左侧画布区域，此时鼠标指针会变为十字形，提示你可以进行交互。在画布上任意位置单击鼠标左键，你会看到在点击位置出现了一个带有颜色标记的种子点，同时整个画布被划分为多个彩色多边形区域。每添加一个新的种子点，Voronoi图都会重新计算并更新。继续在不同位置点击添加更多种子点，观察多边形区域如何随种子点数量和位置的变化而动态调整。 【第三步：拖拽移动种子点】在画布上已有种子点后，将鼠标移动到某个种子点上方，按住鼠标左键不放并拖动。你会看到该种子点跟随鼠标移动，同时周围的多边形边界实时变化——远离移动点的方向，区域会扩大；靠近移动点的方向，区域会缩小。松开鼠标后，种子点停留在新位置，Voronoi图完成重绘。这种动态交互是理解Voronoi图空间分割原理最直观的方式。 【第四步：删除种子点】如果需要移除某个种子点，有两种方式：双击该种子点，或在该种子点上点击鼠标右键。种子点会被立即删除，其所在的区域被相邻区域瓜分，Voronoi图自动更新。 【第五步：使用快捷预设】在右侧面板的"快捷预设"区域，点击"网格布局"按钮，画布上会立即生成按行列均匀排列的种子点阵列，呈现出规则的矩形Voronoi分割。点击"环形布局"，种子点会排列成圆环状，形成放射状分割。点击"螺旋布局"，种子点沿螺旋轨迹排列，产生优美的螺旋形分割图案。点击"聚集分布"，种子点会随机聚集在几个密集区域，模拟自然界中的聚集分布。你可以先点击"清空"按钮清空画布，再切换不同预设来对比观察。 【第六步：随机生成与撤销】点击"随机生成"按钮，系统会在画布范围内随机生成一批种子点。每次点击都会生成一组新的随机分布。如果不满意生成结果，可以点击"撤销"按钮逐步回退之前的操作，直到恢复到理想状态。 【第七步：切换视图模式】点击工具栏上的"种子点"切换按钮，可以控制是否在画布上显示种子点标记。当需要查看纯净的Voronoi图效果时，可以隐藏种子点标记；当需要分析种子点位置与区域边界的关系时，可以重新显示。 【第八步：导出作品】完成创作后，点击"导出PNG"按钮，浏览器会自动下载一张PNG格式的图片文件，内容为当前画布上的Voronoi图。这张图片可以直接用于演示文稿、学术报告、设计作品或社交媒体分享。 【进阶技巧】你可以通过组合使用以上功能来探索Voronoi图的各种性质。例如，先使用网格布局创建规则分割，然后手动拖拽其中一个种子点观察局部变化；或者先随机生成大量种子点，然后逐步删除边缘区域的种子点，观察边界效应。你还可以通过切换显示/隐藏种子点来分别获得"分析模式"和"展示模式"的截图，用于不同的使用场景。
🔧 相关工具