feat:V2.5.2 颜色找规律

miniprogram/service/baseDraw.ts

@@ -171,4 +171,50 @@ export class BaseDrawService {
         ctx.stroke();
         ctx.setLineDash([]); // 重置为实线
     }
+
+    /**
+     * 绘制网格线（逻辑像素，尺寸除以3）
+     * @param gridStartX 网格起始X坐标
+     * @param gridStartY 网格起始Y坐标
+     * @param cellWidth 每个格子的宽度
+     * @param cellHeight 每个格子的高度
+     * @param cols 列数
+     * @param rows 行数
+     */
+    drawGridLines(
+        gridStartX: number,
+        gridStartY: number,
+        cellWidth: number,
+        cellHeight: number,
+        cols: number,
+        rows: number,
+    ): void {
+        const { ctx } = this;
+
+        // 在函数内部计算网格总宽度和高度
+        const gridWidth = cellWidth * cols;
+        const gridHeight = cellHeight * rows;
+
+        ctx.strokeStyle = '#000';
+        ctx.lineWidth = 1;
+        ctx.setLineDash([]); // 实线
+
+        // 绘制垂直线
+        for (let i = 0; i <= cols; i++) {
+            const x = gridStartX + i * cellWidth;
+            ctx.beginPath();
+            ctx.moveTo(x, gridStartY);
+            ctx.lineTo(x, gridStartY + gridHeight);
+            ctx.stroke();
+        }
+
+        // 绘制水平线
+        for (let i = 0; i <= rows; i++) {
+            const y = gridStartY + i * cellHeight;
+            ctx.beginPath();
+            ctx.moveTo(gridStartX, y);
+            ctx.lineTo(gridStartX + gridWidth, y);
+            ctx.stroke();
+        }
+    }
 }