重构预览网格步长计算

提取预览网格自适应步长到独立模块补充缩放网格计算与背景样式测试同步预览画布缩放交互文档
2026-09-14 19:40:13 +08:00
parent 22ac1f4c0b
commit e9ddbf16da
4 changed files with 64 additions and 1 deletions
@@ -20,6 +20,7 @@
 - 仅在存在可缩放视口且确认命中快捷键时调用 `preventDefault()` 与 `stopPropagation()`，防止浏览器页面同时缩放。
 - 保留现有 `Ctrl/Cmd+0` 适配画布与 `Ctrl/Cmd+1` 恢复 100% 行为，不增加其他重置快捷键。缩放仍是当前预览实例的临时 UI 状态。
 - 快捷键和百分比使用逻辑 `viewport.scale` 作为缩放真相；共享 `CanvasWorld` 的渲染 transform 可能包含超采样换算，验证时不得直接把 CSS transform 值当作用户可见比例。
+- 预览画布背景继续使用圆点网格，并按 `14/28/56/112…` 世界步长的 2 倍档位自适应缩放；屏幕间距目标约为 20–40px，缩放过小时自动加倍步长、放大时自动减半步长。网格背景位置继续跟随 `viewport.x/y`，保持世界原点对齐，不改变圆点样式。
 - 保留快捷键与缩放焦点边界的组件级回归测试，不扩展端到端测试。

 ## 验收