📐 Blueprint Grid Background Generator

📐 工作原理与说明

由两套不同疏密的网格线按固定比例（如细格与粗格 5:1）叠加构成蓝图风格底纹，方格尺寸与颜色可调并导出图片；用于工程草图、手绘底图与演示背景。

Create a blueprint-style grid background with adjustable density, cell size and colour for engineering sketches and slide backdrops.

背景色

主线条色

次线条色

主间距 (px)

次间距 (px)

预览

📚 深度解析：蓝图网格

生成 20px 蓝图网格

输入：格距 20px、主线色 #9DB2FF、底 #0B1E3B。处理：绘制双层网格背景。输出：预览与 CSS background 代码，可复制。

能导出图片吗？: 可导出为平铺背景图或 CSS，用于网页背景。结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。
生成的代码/图片能直接用吗？: 可直接复制使用，建议粘到项目后在浏览器实测微调；本工具只生成不托管。
会保存或上传我的内容吗？: 结果以浏览器实时计算为准，纯前端本地处理、数据不上传；生成的样式与代码仅作快速产出参考，正式项目请以设计系统、规范与浏览器实测为准。