feat: 新增网格

src/components/webtopo-svg-edit/components/center-panel/index.vue

@@ -16,6 +16,12 @@
       width="100%"
       height="100%"
     >
+      <defs>
+        <pattern id="pattern_grid" patternUnits="userSpaceOnUse" x="0" y="0" width="10" height="10">
+          <rect width="1" height="1" rx="1" ry="1" fill="#aaaaaa" />
+        </pattern>
+      </defs>
+      <rect v-if="configStore.svg.grid" width="100%" height="100%" fill="url(#pattern_grid)" />
       <g
         :transform="`translate(${
           configStore.svg.position_center.x + svgEditLayoutStore.center_offset.x

src/components/webtopo-svg-edit/components/right-panel/index.vue

@@ -14,6 +14,9 @@
           <el-form-item label="y轴原点坐标" size="small">
             <el-input-number v-model="configStore.svg.position_center.y"></el-input-number>
           </el-form-item>
+          <el-form-item label="网格" size="small">
+            <el-switch v-model="configStore.svg.grid"></el-switch>
+          </el-form-item>
           <!-- 基础版不做画布缩放了 有需要自己写吧（^-^）！ -->
           <!-- <el-form-item label="缩放" size="small">
             <el-input-number

src/store/config/index.ts

@@ -16,7 +16,8 @@ export const useConfigStore = defineStore('config-store', {
         svg_position_center: {
           x: 50,
           y: 50
-        }
+        },
+        grid: true
       }
     };
   },

src/store/config/types.ts

@@ -12,4 +12,5 @@ export interface IPositionCenterSvg {
     x: number;
     y: number;
   };
+  grid: boolean;
 }