nine-grid

对「nine-grid」做本地可断言计算。输入是文本，不访问网络、磁盘或设备。

浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。

输入

结果

本地计算结果

输入后即可看到结果

这个工具能做什么

在本地核对这段文本
得到可复制的结果

示例

输入

900x900

输出

切图方案：3×3 九宫格（朋友圈/INS 常用） · 原图 900 × 900px · 缩放 1×
输出 9 块，每块 300 × 300px（含 0px 留白，底色 #FFFFFF）
拼接后预览尺寸 900 × 900px · 总像素 810000（PNG 体积约 711.9 KB）
未加留白：相邻两块会紧贴，社交平台自动缩进后可能有细缝，需要时可设 4–8px 留白。

每块裁剪框（原图坐标）：
  nine-grid-01.png ← 第 1 行第 1 列 · sx=0 sy=0 sw=300 sh=300 → 300×300
  nine-grid-02.png ← 第 1 行第 2 列 · sx=300 sy=0 sw=300 sh=300 → 300×300
  nine-grid-03.png ← 第 1 行第 3 列 · sx=600 sy=0 sw=300 sh=300 → 300×300
  nine-grid-04.png ← 第 2 行第 1 列 · sx=0 sy=300 sw=300 sh=300 → 300×300
  nine-grid-05.png ← 第 2 行第 2 列 · sx=300 sy=300 sw=300 sh=300 → 300×300
  nine-grid-06.png ← 第 2 行第 3 列 · sx=600 sy=300 sw=300 sh=300 → 300×300
  nine-grid-07.png ← 第 3 行第 1 列 · sx=0 sy=600 sw=300 sh=300 → 300×300
  nine-grid-08.png ← 第 3 行第 2 列 · sx=300 sy=600 sw=300 sh=300 → 300×300
  nine-grid-09.png ← 第 3 行第 3 列 · sx=600 sy=600 sw=300 sh=300 → 300×300

ZIP 包内文件（9 个）：nine-grid-01.png, nine-grid-02.png, nine-grid-03.png, nine-grid-04.png, nine-grid-05.png, nine-grid-06.png, nine-grid-07.png, nine-grid-08.png, nine-grid-09.png

预览 SVG（每格标序号）：
<svg xmlns="http://www.w3.org/2000/svg" width="720" height="720" viewBox="0 0 900 900" role="img">
  <rect x="0" y="0" width="900" height="900" fill="#FFFFFF" />
  <g><rect x="0" y="0" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="12" y="26" font-size="18" fill="#334155">1</text></g>
  <g><rect x="300" y="0" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="312" y="26" font-size="18" fill="#334155">2</text></g>
  <g><rect x="600" y="0" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="612" y="26" font-size="18" fill="#334155">3</text></g>
  <g><rect x="0" y="300" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="12" y="326" font-size="18" fill="#334155">4</text></g>
  <g><rect x="300" y="300" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="312" y="326" font-size="18" fill="#334155">5</text></g>
  <g><rect x="600" y="300" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="612" y="326" font-size="18" fill="#334155">6</text></g>
  <g><rect x="0" y="600" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="12" y="626" font-size="18" fill="#334155">7</text></g>
  <g><rect x="300" y="600" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="312" y="626" font-size="18" fill="#334155">8</text></g>
  <g><rect x="600" y="600" width="300" height="300" fill="#94a3b8" fill-opacity="0.25" stroke="#FFFFFF" stroke-width="1" /><text x="612" y="626" font-size="18" fill="#334155">9</text></g>
</svg>

结果由当前源码真实计算，不联网。

常见问题

会上传输入吗？

不会。计算在本地完成。

空输入会怎样？

页面保持空态；非法参数会提示无法处理。

结果稳定吗？

相同输入得到相同输出。

关键词：nine-grid本地文本offlineunikit

这个工具能做什么

示例

常见问题

同类工具