在浏览器里直接生成可打印的方格、点阵、等距、横线和坐标纸,矢量 SVG,按真实毫米出图
- 本地处理
- 分类 生成器
- 适合 从空白开始,先拿到一版可修改的结果。
格子大小(mm)5mm
线宽(mm)0.2mm
<svg xmlns="http://www.w3.org/2000/svg" width="210mm" height="297mm" viewBox="0 0 210 297"><rect width="210" height="297" fill="#ffffff"/><g stroke="#2b6cb0"><line x1="0" y1="0" x2="0" y2="297" stroke-width="0.2"/><line x1="5" y1="0" x2="5" y2="297" stroke-width="0.2"/><line x1="10" y1="0" x2="10" y2="297" stroke-width="0.2"/><line x1="15" y1="0" x2="15" y2="297" stroke-width="0.2"/><line x1="20" y1="0" x2="20" y2="297" stroke-width="0.2"/><line x1="25" y1="0" x2="25" y2="297" stroke-width="0.2"/><line x1="30" y1="0" x2="30" y2="297" stroke-width="0.2"/><line x1="35" y1="0" x2="35" y2="297" stroke-width="0.2"/><line x1="40" y1="0" x2="40" y2="297" stroke-width="0.2"/><line x1="45" y1="0" x2="45" y2="297" stroke-width="0.2"/><line x1="50" y1="0" x2="50" y2="297" stroke-width="0.2"/><line x1="55" y1="0" x2="55" y2="297" stroke-width="0.2"/><line x1="60" y1="0" x2="60" y2="297" stroke-width="0.2"/><line x1="65" y1="0" x2="65" y2="297" stroke-width="0.2"/><line x1="70" y1="0" x2="70" y2="297" stroke-width="0.2"/><line x1="75" y1="0" x2="75" y2="297" stroke-width="0.2"/><line x1="80" y1="0" x2="80" y2="297" stroke-width="0.2"/><line x1="85" y1="0" x2="85" y2="297" stroke-width="0.2"/><line x1="90" y1="0" x2="90" y2="297" stroke-width="0.2"/><line x1="95" y1="0" x2="95" y2="297" stroke-width="0.2"/><line x1="100" y1="0" x2="100" y2="297" stroke-width="0.2"/><line x1="105" y1="0" x2="105" y2="297" stroke-width="0.2"/><line x1="110" y1="0" x2="110" y2="297" stroke-width="0.2"/><line x1="115" y1="0" x2="115" y2="297" stroke-width="0.2"/><line x1="120" y1="0" x2="120" y2="297" stroke-width="0.2"/><line x1="125" y1="0" x2="125" y2="297" stroke-width="0.2"/><line x1="130" y1="0" x2="130" y2="297" stroke-width="0.2"/><line x1="135" y1="0" x2="135" y2="297" stroke-width="0.2"/><line x1="140" y1="0" x2="140" y2="297" stroke-width="0.2"/><line x1="145" y1="0" x2="145" y2="297" stroke-width="0.2"/><line x1="150" y1="0" x2="150" y2="297" stroke-width="0.2"/><line x1="155" y1="0" x2="155" y2="297" stroke-width="0.2"/><line x1="160" y1="0" x2="160" y2="297" stroke-width="0.2"/><line x1="165" y1="0" x2="165" y2="297" stroke-width="0.2"/><line x1="170" y1="0" x2="170" y2="297" stroke-width="0.2"/><line x1="175" y1="0" x2="175" y2="297" stroke-width="0.2"/><line x1="180" y1="0" x2="180" y2="297" stroke-width="0.2"/><line x1="185" y1="0" x2="185" y2="297" stroke-width="0.2"/><line x1="190" y1="0" x2="190" y2="297" stroke-width="0.2"/><line x1="195" y1="0" x2="195" y2="297" stroke-width="0.2"/><line x1="200" y1="0" x2="200" y2="297" stroke-width="0.2"/><line x1="205" y1="0" x2="205" y2="297" stroke-width="0.2"/><line x1="210" y1="0" x2="210" y2="297" stroke-width="0.2"/><line x1="0" y1="0" x2="210" y2="0" stroke-width="0.2"/><line x1="0" y1="5" x2="210" y2="5" stroke-width="0.2"/><line x1="0" y1="10" x2="210" y2="10" stroke-width="0.2"/><line x1="0" y1="15" x2="210" y2="15" stroke-width="0.2"/><line x1="0" y1="20" x2="210" y2="20" stroke-width="0.2"/><line x1="0" y1="25" x2="210" y2="25" stroke-width="0.2"/><line x1="0" y1="30" x2="210" y2="30" stroke-width="0.2"/><line x1="0" y1="35" x2="210" y2="35" stroke-width="0.2"/><line x1="0" y1="40" x2="210" y2="40" stroke-width="0.2"/><line x1="0" y1="45" x2="210" y2="45" stroke-width="0.2"/><line x1="0" y1="50" x2="210" y2="50" stroke-width="0.2"/><line x1="0" y1="55" x2="210" y2="55" stroke-width="0.2"/><line x1="0" y1="60" x2="210" y2="60" stroke-width="0.2"/><line x1="0" y1="65" x2="210" y2="65" stroke-width="0.2"/><line x1="0" y1="70" x2="210" y2="70" stroke-width="0.2"/><line x1="0" y1="75" x2="210" y2="75" stroke-width="0.2"/><line x1="0" y1="80" x2="210" y2="80" stroke-width="0.2"/><line x1="0" y1="85" x2="210" y2="85" stroke-width="0.2"/><line x1="0" y1="90" x2="210" y2="90" stroke-width="0.2"/><line x1="0" y1="95" x2="210" y2="95" stroke-width="0.2"/><line x1="0" y1="100" x2="210" y2="100" stroke-width="0.2"/><line x1="0" y1="105" x2="210" y2="105" stroke-width="0.2"/><line x1="0" y1="110" x2="210" y2="110" stroke-width="0.2"/><line x1="0" y1="115" x2="210" y2="115" stroke-width="0.2"/><line x1="0" y1="120" x2="210" y2="120" stroke-width="0.2"/><line x1="0" y1="125" x2="210" y2="125" stroke-width="0.2"/><line x1="0" y1="130" x2="210" y2="130" stroke-width="0.2"/><line x1="0" y1="135" x2="210" y2="135" stroke-width="0.2"/><line x1="0" y1="140" x2="210" y2="140" stroke-width="0.2"/><line x1="0" y1="145" x2="210" y2="145" stroke-width="0.2"/><line x1="0" y1="150" x2="210" y2="150" stroke-width="0.2"/><line x1="0" y1="155" x2="210" y2="155" stroke-width="0.2"/><line x1="0" y1="160" x2="210" y2="160" stroke-width="0.2"/><line x1="0" y1="165" x2="210" y2="165" stroke-width="0.2"/><line x1="0" y1="170" x2="210" y2="170" stroke-width="0.2"/><line x1="0" y1="175" x2="210" y2="175" stroke-width="0.2"/><line x1="0" y1="180" x2="210" y2="180" stroke-width="0.2"/><line x1="0" y1="185" x2="210" y2="185" stroke-width="0.2"/><line x1="0" y1="190" x2="210" y2="190" stroke-width="0.2"/><line x1="0" y1="195" x2="210" y2="195" stroke-width="0.2"/><line x1="0" y1="200" x2="210" y2="200" stroke-width="0.2"/><line x1="0" y1="205" x2="210" y2="205" stroke-width="0.2"/><line x1="0" y1="210" x2="210" y2="210" stroke-width="0.2"/><line x1="0" y1="215" x2="210" y2="215" stroke-width="0.2"/><line x1="0" y1="220" x2="210" y2="220" stroke-width="0.2"/><line x1="0" y1="225" x2="210" y2="225" stroke-width="0.2"/><line x1="0" y1="230" x2="210" y2="230" stroke-width="0.2"/><line x1="0" y1="235" x2="210" y2="235" stroke-width="0.2"/><line x1="0" y1="240" x2="210" y2="240" stroke-width="0.2"/><line x1="0" y1="245" x2="210" y2="245" stroke-width="0.2"/><line x1="0" y1="250" x2="210" y2="250" stroke-width="0.2"/><line x1="0" y1="255" x2="210" y2="255" stroke-width="0.2"/><line x1="0" y1="260" x2="210" y2="260" stroke-width="0.2"/><line x1="0" y1="265" x2="210" y2="265" stroke-width="0.2"/><line x1="0" y1="270" x2="210" y2="270" stroke-width="0.2"/><line x1="0" y1="275" x2="210" y2="275" stroke-width="0.2"/><line x1="0" y1="280" x2="210" y2="280" stroke-width="0.2"/><line x1="0" y1="285" x2="210" y2="285" stroke-width="0.2"/><line x1="0" y1="290" x2="210" y2="290" stroke-width="0.2"/><line x1="0" y1="295" x2="210" y2="295" stroke-width="0.2"/></g></svg>
这个工具能做什么
想要的格子大小总是配不上现成 PDF,那就自己生成可打印的方格纸。选好网格 样式,按毫米设定格子大小,在 A4、A3、A5、Letter、Legal 或自定义尺寸之间 挑一种,再调线条颜色和线宽,坐标模式下还能每隔几格加粗一条主线。输出是 一张 SVG,无论放多大线条都清晰,而且按真实尺寸打印:5mm 的格子从打印机 出来正好是 5mm,因为文件用的是真实毫米而不是像素。五种网格覆盖常见需求。 方格适合一般数学和作图。点阵适合手帐和干净的速写,整条线显得太重时用它 正好。等距用真正的 30 度角画 3D 物体、管路和像素画。横线用来练字。坐标纸 每隔几格加一条粗线,坐标轴一眼就能读出来。复制 SVG 源码、下载独立 .svg 文件,或者改一下几秒钟重新打印。全过程都在本地页面里完成,不上传、不登录、 没有水印,老师能直接打印一整班的份量,工程师也能把文件丢进 CAD 或矢量 工具继续用。
工具细节
- 输入
- 文件 + 数值
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 可分享链接状态
- 关键设置会进入 URL，复制链接后别人能复现同一组参数。
- 性能预算
- 首屏 JS ≤ 12 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 生成器 · 学生
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
方格纸生成器 适合怎么用
适合快速生成初稿、起步素材或结构化结果,再人工整理后发布。
适合生成任务
- 从空白开始,先拿到一版可修改的结果。
- 生成可重复使用的草稿、名称、模板或占位素材。
- 先探索多个选项,再挑最适合当前任务的。
生成检查项
- 生成内容发给客户、上页面或进文档前,必须人工看过。
- 有品牌语气、格式或受众要求时,不要沿用默认值。
- 只保留真正符合任务的部分。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
打印一整班的数学练习纸
老师上作图课要方格纸,可学校打印机只有普通 A4。在 A4 上设 5mm 方格, 线条选浅灰让铅笔痕迹更清楚,打 30 份。因为文件按毫米出图,每张纸上的 格子都一模一样,浅灰网格复印起来也干净,不会留下现成纸常见的深色 方框。
在等距纸上速写一个产品构想
工业设计师想在打开 CAD 之前先把外壳草拟出来。切到 5mm 等距,打印一张, 用真正的 30 度投影把箱体画出来,比例不会跑偏。一条三角形边等于一个 单位,60 乘 40 乘 25mm 的外壳用手一格格数就行,线条也不会朝着假的 消失点收窄。
用自定义点阵开一本手帐
买来的点阵本只能用固定的间距。选点阵,设 5mm,把点改成柔和的灰色, 打印到自己的纸上。你拿到喜欢的手帐结构,又没有方格纸那种重线,而且 用完一页随时重打一张,不用再买一整本新本子。
给作业题画函数图
学生要坐标纸来画 y 等于 2x 加 1。选坐标类型,每 5 格加粗,设 5mm 格子,打印。粗的主线当作带刻度的坐标轴,细线是细分,读 3 逗号 7 这样的点又快,图也干净到能直接交。
把网格放进矢量设计文件
设计师做海报想在 Figma 或 Illustrator 里要一层精确的背景网格。按确切 间距生成方格,复制 SVG 源码,直接粘进去就是一层可编辑的矢量。可以 重新上色、改线宽、随意缩放都不会糊,因为它是真实几何,不是压平的 图片。
常见踩坑
打印时开了适应页面。那会让打印机重新缩放整张纸,5mm 的格子就不再是 5mm 了。打印对话框里一定选实际大小或 100% 比例,毫米尺寸才能在纸上保住。
给小格子设了太重的线宽。在 2 到 3mm 间距下,0.5mm 的线会吃掉大半个格子,网格看着像一整块。小格子线宽保持在 0.1 到 0.2mm 左右,格子才留得开、写得下。
以为普通方格也会出现坐标主线。每 N 格加粗只对坐标类型生效。想要带刻度的粗轴,先把网格类型切到坐标,否则每条线都按同样的细线宽打印。
隐私说明
整个工具都在你的浏览器标签页里运行。网格由 JavaScript 绘制,SVG 在内存里 生成,所以纸张、颜色和尺寸都不会上传到服务器,没有账号,不记录你生成了 什么,输出也没有水印。唯一会传出去的是分享链接:你的设置编码在网址查询 字符串里,把分享链接粘到聊天里,对方服务器会记下这些设置。只是单纯打印的 话根本没有链接要分享,什么都不离开页面。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。