⚫ Dot Pattern Generator

📐 工作原理与说明

按固定间距在背景上重复绘制圆点（可用错位排列形成六角感），点径、间距与配色可调并导出图片；用于包装、网页底纹与印刷稿。

Create an even or offset dot texture with adjustable dot size, spacing and colour, exportable as a transparent or solid background image.

背景色

圆点色

圆点大小 (px)

间距 (px)

排列方式预览

📚 深度解析：圆点图案

生成 20px 波点

输入：距 20px、点径 3px、色 #FF6B35。处理：radial-gradient 平铺。输出：预览与 CSS。

点距和清晰度？: 点距越小越密；过密在屏幕上易糊，以实测为准。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
生成的代码/图片能直接用吗？: 可直接复制使用，建议粘到项目后在浏览器实测微调；本工具只生成不托管。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。

⚠️ 使用说明与注意事项