diff --git a/src/components/FusionSettings/FourPointCalibration.vue b/src/components/FusionSettings/FourPointCalibration.vue
index 03864f1..faa7db8 100644
--- a/src/components/FusionSettings/FourPointCalibration.vue
+++ b/src/components/FusionSettings/FourPointCalibration.vue
@@ -22,25 +22,25 @@
     <div class="col-8">
       <div ref="div" style="background-color: #646464; height: 40vh">
         <div style="position: absolute">
-          <vue3ResizeDrag style="border: 0;" :class="[now_index == 0 ? 'action' : '']" v-if="isshowarray[0]"
+          <vue3ResizeDrag style="border: 0;" :class="[now_index == 0 ? 'action' : 'point']" v-if="isshowarray[0]"
             :isActive="isactivearray[0]" @mousedown="activeMouseDown(0)" @mouseUpHandler="mouseUpHandler(0)" :w="20"
             :h="20" :x="points[0].x" :y="points[0].y" :isResizable="false" @moveHandler="moveHandler_1">
-            <div class="point">1</div>
+            <div >1</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag style="border: 0;" :class="[now_index == 1 ? 'action' : '']" v-if="isshowarray[1]"
+          <vue3ResizeDrag style="border: 0;" :class="[now_index == 1 ? 'action' : 'point']" v-if="isshowarray[1]"
             :isActive="isactivearray[1]" @mousedown="activeMouseDown(1)" @mouseUpHandler="mouseUpHandler(1)" :w="20"
             :h="20" :x="points[1].x" :y="points[1].y" :isResizable="false" @moveHandler="moveHandler_2">
-            <div class="point">2</div>
+            <div >2</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag style="border: 0;" :class="[now_index == 2 ? 'action' : '']" v-if="isshowarray[2]"
+          <vue3ResizeDrag style="border: 0;" :class="[now_index == 2 ? 'action' : 'point']" v-if="isshowarray[2]"
             :isActive="isactivearray[2]" @mousedown="activeMouseDown(2)" @mouseUpHandler="mouseUpHandler(2)" :w="20"
             :h="20" :x="points[2].x" :y="points[2].y" :isResizable="false" @moveHandler="moveHandler_3">
-            <div class="point">3</div>
+            <div >3</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag style="border: 0;" :class="[now_index == 3 ? 'action' : '']" v-if="isshowarray[3]"
+          <vue3ResizeDrag style="border: 0;" :class="[now_index == 3 ? 'action' : 'point']" v-if="isshowarray[3]"
             :isActive="isactivearray[3]" @mousedown="activeMouseDown(3)" @mouseUpHandler="mouseUpHandler(3)" :w="20"
             :h="20" :x="points[3].x" :y="points[3].y" :isResizable="false" @moveHandler="moveHandler_4">
-            <div class="point">4</div>
+            <div >4</div>
           </vue3ResizeDrag>
         </div>
       </div>
@@ -59,7 +59,7 @@
       <q-btn size="sm" dense color="white" @click="resetall" text-color="black" :label="$t('resetall')" />
     </div>
     <div class="col-2">
-      <q-input filled type="number" class="" :dense="true" @focus="isactivearray[3] = false" v-model="four[3].x"
+      <q-input filled type="number"  :dense="true" @focus="isactivearray[3] = false" v-model="four[3].x"
         label="x" lazy-rules />
       <q-input filled type="number" class="q-pt-md" :dense="true" @focus="isactivearray[3] = false" v-model="four[3].y"
         label="y" lazy-rules />
@@ -71,14 +71,13 @@
 
 <style scoped>
 .point {
-  width: 100%;
-  height: 100%;
   border-radius: 50%;
   background: #0000ff;
   color: aliceblue;
 }
 
 .action {
+  border-radius: 50%;
   background-color: aqua;
 }
 </style>
@@ -202,12 +201,6 @@ export default defineComponent({
     const keyDown = () => {
       document.onkeydown = (e) => {
 
-
-        // let x = Math.ceil(four[now_index.value].x / Proportion.value.x);
-        // let y = Math.ceil((config.height - four[now_index.value].y) / Proportion.value.y);
-        // points[now_index.value].x!=x?points[now_index.value].x = x:''
-        // points[now_index.value].y!= y?points[now_index.value].y = y:''
-
         let e1 = e || window.event || arguments.callee.caller.arguments[0]
         switch (e.code) {
           case "KeyW":
@@ -491,6 +484,7 @@ export default defineComponent({
       }, 100);
     };
     const reset = (index: number) => {
+      isactivearray.value[index] = false;
       fourpostion.value[index].x = defaultfourpostion.value[index].x;
       fourpostion.value[index].y = defaultfourpostion.value[index].y;
 
diff --git a/src/components/FusionSettings/FusionLocale.vue b/src/components/FusionSettings/FusionLocale.vue
index 79618a0..9988d5b 100644
--- a/src/components/FusionSettings/FusionLocale.vue
+++ b/src/components/FusionSettings/FusionLocale.vue
@@ -97,48 +97,47 @@
         <div>
           <q-slider v-model="array[group].alpha" :min="0.0" @change="chang('alpha')" :max="1" :step="0.01" color="green"
             vertical reverse label-always />
-          <div> <q-input dense filled type="number" max="1" min="0"   step="0.1"  @update:model-value="chang('alpha')" v-model="array[group].alpha" label="alpha"
-              lazy-rules :rules="[
+          <div> <q-input dense filled type="number" max="1" min="0" step="0.1" @update:model-value="chang('alpha')"
+              v-model="array[group].alpha" label="Alpha" lazy-rules :rules="[
                 (val) =>
                   (val !== null && val !== '') ||
                   $t('Please enter a number'),
                 (val) =>
                   (val >= 0 && val <= 1) || $t('Please enter a value within the range'),
-              ]" /></div>
-          <p class="text-center">alpha</p>
+              ]" /><q-btn color="white" @click="reset('alpha')" text-color="black" :label="$t('reset')" /></div>
         </div>
 
         <div>
-          <q-slider  v-model="array[group].p" :min="0" @change="chang('p')" :max="16" :step="0.01" color="green"
+          <q-slider v-model="array[group].p" :min="0" @change="chang('p')" :max="16" :step="0.01" color="green" vertical
+            reverse label-always />
+          <div> <q-input dense filled type="number" max="16" min="0" step="0.1" @update:model-value="chang('p')"
+              v-model="array[group].p" label="Power" lazy-rules :rules="[
+                (val) =>
+                  (val !== null && val !== '') ||
+                  $t('Please enter a number'),
+                (val) =>
+                  (val >= 0 && val <= 16) || $t('Please enter a value within the range'),
+              ]" /><q-btn color="white" @click="reset('p')" text-color="black" :label="$t('reset')" /></div>
+        </div>
+
+        <div>
+          <q-slider v-model="array[group].gamma" :min="0" @change="chang('gamma')" :max="16" :step="0.01" color="green"
             vertical reverse label-always />
-          <div> <q-input dense filled type="number" max="16" min="0" step="0.1" @update:model-value="chang('p')" v-model="array[group].p" label="p"
-              lazy-rules :rules="[
+          <div> <q-input dense filled type="number" max="16" min="0" step="0.1" @update:model-value="chang('gamma')"
+              v-model="array[group].gamma" label="Gamma" lazy-rules :rules="[
                 (val) =>
                   (val !== null && val !== '') ||
                   $t('Please enter a number'),
                 (val) =>
                   (val >= 0 && val <= 16) || $t('Please enter a value within the range'),
-              ]" /></div>
-          <p class="text-center">p</p>
-        </div>
-
-        <div>
-          <q-slider  v-model="array[group].gamma" :min="0" @change="chang('gamma')" :max="16" :step="0.01" color="green" vertical reverse label-always />
-          <div> <q-input dense filled type="number" max="16" min="0"  step="0.1"  @update:model-value="chang('gamma')" v-model="array[group].gamma" label="gamma"
-              lazy-rules :rules="[
-                (val) =>
-                  (val !== null && val !== '') ||
-                  $t('Please enter a number'),
-                (val) =>
-                  (val >= 0 && val <= 16) || $t('Please enter a value within the range'),
-              ]" /></div>
-          <p class="text-center">gamma</p>
+              ]" /><q-btn color="white" @click="reset('gamma')" text-color="black" :label="$t('reset')" /></div>
         </div>
       </div>
     </div>
   </div>
-  <div>
-    <q-btn color="white" @click="resetall" text-color="black" :label="$t('resetall')" />
+
+    <div style="position: relative;">
+      <q-checkbox left-label  v-model="auxiliary_line" @update:model-value="(value, evt)=>{send_auxiliary_line(value)}" :label="$t('auxiliary lines')"/>
   </div>
 </template>
 
@@ -146,13 +145,18 @@
 .boder {
   border: 2px solid #0000;
 }
-.btn_bottom{
+
+.btn_bottom {
   margin-bottom: 0.5rem;
 }
-.btn_top{
+
+.btn_top {
   margin-top: 0.3rem;
 }
 
+p {
+  margin: 0;
+}
 </style>
 
 <script lang="ts">
@@ -165,7 +169,7 @@ import {
   withDefaults,
   onBeforeUnmount,
   reactive,
-onMounted,
+  onMounted,
 } from "vue";
 import { useStore } from "src/store";
 import { useI18n } from "vue-i18n";
@@ -190,6 +194,10 @@ export default defineComponent({
       { alpha: 0, p: 0, gamma: 0, isshow: false, value: 0 },
     ]);
     const auto_sync = ref(false)
+    const auxiliary_line = ref(false)
+    const send_auxiliary_line=(val:boolean)=>{
+      set?.SetBlendingOption("blending_grids_assistant_lines",val?"1":"0");
+    }
     //正确的 索引编号
     let arr = [1, 0, 2, 3];
     let serverconfig = JSON.parse($store.state.fusion_configuration);
@@ -199,43 +207,21 @@ export default defineComponent({
         $store.getters.GetTheCurrentlySelectedCamera[1]
       );
     });
-    const add = (type: string) => {
-      let tmp: Number;
-      tmp = 0.01;
+    const reset = (type: string) => {
       switch (type) {
-        case "alpha":
-          array[group.value].alpha = Number((array[group.value].alpha += tmp).toFixed(2))
+        case 'gamma':
+        array[group.value].gamma=Number(config.params[group.value].def_gamma.toFixed(2));
           break;
-        case "p":
-          array[group.value].p = Number((array[group.value].p += tmp).toFixed(2))
+        case 'p':
+        array[group.value].p=Number(config.params[group.value].def_power.toFixed(2));
           break;
-        case "gamma":
-          array[group.value].gamma = Number((array[group.value].gamma += tmp).toFixed(2))
+        case 'alpha':
+        array[group.value].alpha=Number(config.params[group.value].def_alpha.toFixed(2));
           break;
         default:
           break;
       }
       chang(type)
-      save_set_cache()
-    }
-    const reduce = (type: string) => {
-      let tmp: Number;
-      tmp = -0.01;
-      switch (type) {
-        case "alpha":
-          array[group.value].alpha = Number((array[group.value].alpha += tmp).toFixed(2))
-          break;
-        case "p":
-          array[group.value].p = Number((array[group.value].p += tmp).toFixed(2))
-          break;
-        case "gamma":
-          array[group.value].gamma = Number((array[group.value].gamma += tmp).toFixed(2))
-          break;
-        default:
-          break;
-      }
-      chang(type)
-      save_set_cache()
     }
     const ste_status = ref(0);
     const use_set_cache = () => {
@@ -289,7 +275,7 @@ export default defineComponent({
     );
 
     const chang = (type: string) => {
-      if(ste_status.value == 1)return
+      if (ste_status.value == 1) return
       if (type == "alpha") {
         if ($store.state.enablefusion)
           set?.setBlendingAlphaParam(
@@ -371,7 +357,7 @@ export default defineComponent({
         array[arr[index]].isshow = config.params[index].enable;
         array[arr[index]].value = Number(config.params[index].size);
       }
-      if (sessionStorage.FusionLocale)set_cache.value = JSON.parse(sessionStorage.FusionLocale);
+      if (sessionStorage.FusionLocale) set_cache.value = JSON.parse(sessionStorage.FusionLocale);
       use_set_cache();
       setnowindex();
     };
@@ -391,14 +377,14 @@ export default defineComponent({
         ste_status.value = 0;
       }, 100);
     }),
-    onBeforeUnmount(() => {
-      sessionStorage.FusionLocale = JSON.stringify(set_cache.value);
-    });
+      onBeforeUnmount(() => {
+        sessionStorage.FusionLocale = JSON.stringify(set_cache.value);
+      });
 
     watch(
       () => array[0].value,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -414,7 +400,7 @@ export default defineComponent({
     watch(
       () => array[1].value,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -430,7 +416,7 @@ export default defineComponent({
     watch(
       () => array[2].value,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -446,7 +432,7 @@ export default defineComponent({
     watch(
       () => array[3].value,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -463,7 +449,7 @@ export default defineComponent({
     watch(
       () => array[0].isshow,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -478,7 +464,7 @@ export default defineComponent({
     watch(
       () => array[1].isshow,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -494,7 +480,7 @@ export default defineComponent({
     watch(
       () => array[2].isshow,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -510,7 +496,7 @@ export default defineComponent({
     watch(
       () => array[3].isshow,
       (newVal, oldVal) => {
-        if ($store.state.enablefusion&&ste_status.value==0)
+        if ($store.state.enablefusion && ste_status.value == 0)
           set?.SetBlendingOverlap(
             $store.getters.GetTheCurrentlySelectedCamera[0],
             $store.getters.GetTheCurrentlySelectedCamera[1],
@@ -564,9 +550,9 @@ export default defineComponent({
         if (ste_status.value == 0) {
           //set_cache_tmp[1].value = Number(set_cache_tmp[1].value) + difference
 
-          if(difference==-1){
+          if (difference == -1) {
             set_cache_tmp[1].isshow = array[2].isshow
-          }else{
+          } else {
             set_cache_tmp[1].value = difference
           }
           set?.SetBlendingOverlap(0, 1, 0, set_cache_tmp[1].isshow, Number(set_cache_tmp[1].value));
@@ -588,9 +574,9 @@ export default defineComponent({
         if (ste_status.value == 0) {
           //set_cache_tmp[2].value = Number(set_cache_tmp[2].value) + difference
 
-          if(difference==-1){
+          if (difference == -1) {
             set_cache_tmp[2].isshow = array[1].isshow
-          }else{
+          } else {
             set_cache_tmp[2].value = difference
           }
           set?.SetBlendingOverlap(0, 0, 2, set_cache_tmp[2].isshow, Number(set_cache_tmp[2].value));
@@ -599,6 +585,7 @@ export default defineComponent({
       }
     }
     return {
+      send_auxiliary_line,
       group,
       array,
       chang,
@@ -607,8 +594,8 @@ export default defineComponent({
       selectedprojector,
       resetall,
       set_cache,
-      reduce,
-      add,
+      auxiliary_line,
+      reset,
       auto_sync,
       config
     };
diff --git a/src/components/FusionSettings/GridSettings.vue b/src/components/FusionSettings/GridSettings.vue
index 6e4a9b5..56a2a81 100644
--- a/src/components/FusionSettings/GridSettings.vue
+++ b/src/components/FusionSettings/GridSettings.vue
@@ -193,7 +193,7 @@ export default defineComponent({
       model[2] = server_conf.blending_grids_line_width ?? 6;
       color[0] = server_conf.blending_grids_line_color ?? "#ffffff"
       color[1] = server_conf.blending_grids_background_color ?? "#00ff5e"
-      color[2] = server_conf.blending_grids_center_line_color ?? "#3358de"
+      color[2] = server_conf.blending_grids_center_line_color ?? "#00000"
       RowsColumns[0] = server_conf.blending_grids_show_row === "false" ? false : true
       RowsColumns[1] = server_conf.blending_grids_show_column === "false" ? false : true
       RowsColumns[2] = server_conf.blending_grids_show_center_line === "false" ? false : true
diff --git a/src/components/FusionSettings/SurfaceCorrection.vue b/src/components/FusionSettings/SurfaceCorrection.vue
index 63c8213..f1bfb75 100644
--- a/src/components/FusionSettings/SurfaceCorrection.vue
+++ b/src/components/FusionSettings/SurfaceCorrection.vue
@@ -6,7 +6,7 @@
         <div class="col-6">
           <q-input filled type="number" class="q-pb-xs q-pt-md" @focus="isactivearray[0] = false" :dense="true"
             v-model="nine[0].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[0] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[0] = false" :dense="true"
             v-model="nine[0].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(0)" text-color="black" :label="$t('reset') + $t('point') + '1'" />
         </div>
@@ -18,7 +18,7 @@
         <div class="col-4">
           <q-input filled type="number" class="q-pb-xs q-pt-md" @focus="isactivearray[1] = false" :dense="true"
             v-model="nine[1].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[1] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[1] = false" :dense="true"
             v-model="nine[1].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(1)" text-color="black" :label="$t('reset') + $t('point') + '2'" />
         </div>
@@ -26,7 +26,7 @@
         <div class="col-4" style="padding-left: 2px">
           <q-input filled type="number" class="q-pb-xs  q-pt-md" :dense="true" v-model="nine[4].x" label="x"
             @focus="isactivearray[4] = false" lazy-rules />
-          <q-input filled type="number" class="" :dense="true" v-model="nine[4].y" label="y"
+          <q-input filled type="number"  :dense="true" v-model="nine[4].y" label="y"
             @focus="isactivearray[4] = false" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(4)" text-color="black" :label="$t('reset') + $t('point') + '5'" />
         </div>
@@ -38,7 +38,7 @@
         <div class="col-6">
           <q-input filled type="number" @focus="isactivearray[2] = false" class="q-pb-xs q-pt-md" :dense="true"
             v-model="nine[2].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[2] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[2] = false" :dense="true"
             v-model="nine[2].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(2)" text-color="black" :label="$t('reset') + $t('point') + '3'" />
         </div>
@@ -50,7 +50,7 @@
         <div class="col-10">
           <q-input filled type="number" @focus="isactivearray[3] = false" class="q-pb-xs q-pt-md" :dense="true"
             v-model="nine[3].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[3] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[3] = false" :dense="true"
             v-model="nine[3].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(3)" text-color="black" :label="$t('reset') + $t('point') + '4'" />
         </div>
@@ -59,41 +59,41 @@
     <div class="col-8">
       <div ref="div" style="background-color: #646464; height: 40vh">
         <div style="position: absolute">
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==0?'action':'']" :isActive="isactivearray[0]" v-if="isshowarray[0]" :w="20" :h="20" :x="ninepostion[0].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==0?'action':'point']" :isActive="isactivearray[0]" v-if="isshowarray[0]" :w="20" :h="20" :x="ninepostion[0].x"
             :y="ninepostion[0].y" @mousedown="activeMouseDown(0)" :isResizable="false" @moveHandler="moveHandler_1">
-            <div class="point">1</div>
+            <div >1</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==1?'action':'']" :isActive="isactivearray[1]" v-if="isshowarray[1]" :w="20" :h="20" :x="ninepostion[1].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==1?'action':'point']" :isActive="isactivearray[1]" v-if="isshowarray[1]" :w="20" :h="20" :x="ninepostion[1].x"
             :y="ninepostion[1].y" @mousedown="activeMouseDown(1)" :isResizable="false" @moveHandler="moveHandler_2">
-            <div class="point">2</div>
+            <div >2</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==2?'action':'']" :isActive="isactivearray[2]" v-if="isshowarray[2]" :w="20" :h="20" :x="ninepostion[2].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==2?'action':'point']" :isActive="isactivearray[2]" v-if="isshowarray[2]" :w="20" :h="20" :x="ninepostion[2].x"
             :y="ninepostion[2].y" @mousedown="activeMouseDown(2)" :isResizable="false" @moveHandler="moveHandler_3">
-            <div class="point">3</div>
+            <div >3</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==3?'action':'']" :isActive="isactivearray[3]" v-if="isshowarray[3]" :w="20" :h="20" :x="ninepostion[3].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==3?'action':'point']" :isActive="isactivearray[3]" v-if="isshowarray[3]" :w="20" :h="20" :x="ninepostion[3].x"
             :y="ninepostion[3].y" @mousedown="activeMouseDown(3)" :isResizable="false" @moveHandler="moveHandler_4">
-            <div class="point">4</div>
+            <div >4</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==4?'action':'']" :isActive="isactivearray[4]" v-if="isshowarray[4]" :w="20" :h="20" :x="ninepostion[4].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==4?'action':'point']" :isActive="isactivearray[4]" v-if="isshowarray[4]" :w="20" :h="20" :x="ninepostion[4].x"
             :y="ninepostion[4].y" @mousedown="activeMouseDown(4)" :isResizable="false" @moveHandler="moveHandler_5">
-            <div class="point">5</div>
+            <div >5</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==5?'action':'']" :isActive="isactivearray[5]" v-if="isshowarray[5]" :w="20" :h="20" :x="ninepostion[5].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==5?'action':'point']" :isActive="isactivearray[5]" v-if="isshowarray[5]" :w="20" :h="20" :x="ninepostion[5].x"
             :y="ninepostion[5].y" @mousedown="activeMouseDown(5)" :isResizable="false" @moveHandler="moveHandler_6">
-            <div class="point">6</div>
+            <div >6</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==6?'action':'']" :isActive="isactivearray[6]" v-if="isshowarray[6]" :w="20" :h="20" :x="ninepostion[6].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==6?'action':'point']" :isActive="isactivearray[6]" v-if="isshowarray[6]" :w="20" :h="20" :x="ninepostion[6].x"
             :y="ninepostion[6].y" @mousedown="activeMouseDown(6)" :isResizable="false" @moveHandler="moveHandler_7">
-            <div class="point">7</div>
+            <div >7</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==7?'action':'']" :isActive="isactivearray[7]" v-if="isshowarray[7]" :w="20" :h="20" :x="ninepostion[7].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==7?'action':'point']" :isActive="isactivearray[7]" v-if="isshowarray[7]" :w="20" :h="20" :x="ninepostion[7].x"
             :y="ninepostion[7].y" @mousedown="activeMouseDown(7)" :isResizable="false" @moveHandler="moveHandler_8">
-            <div class="point">8</div>
+            <div >8</div>
           </vue3ResizeDrag>
-          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==8?'action':'']" :isActive="isactivearray[8]" v-if="isshowarray[8]" :w="20" :h="20" :x="ninepostion[8].x"
+          <vue3ResizeDrag  style="border: 0;"  :class="[now_index==8?'action':'point']" :isActive="isactivearray[8]" v-if="isshowarray[8]" :w="20" :h="20" :x="ninepostion[8].x"
             :y="ninepostion[8].y" @mousedown="activeMouseDown(8)" :isResizable="false" @moveHandler="moveHandler_9">
-            <div class="point">9</div>
+            <div >9</div>
           </vue3ResizeDrag>
         </div>
       </div>
@@ -103,7 +103,7 @@
         <div class="col-10">
           <q-input filled type="number" @focus="isactivearray[5] = false" class="q-pb-xs" :dense="true"
             v-model="nine[5].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[5] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[5] = false" :dense="true"
             v-model="nine[5].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(5)" text-color="black" :label="$t('reset') + $t('point') + '6'" />
         </div>
@@ -117,7 +117,7 @@
         <div class="col-6">
           <q-input filled type="number" @focus="isactivearray[6] = false" class="q-pb-xs" :dense="true"
             v-model="nine[6].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[6] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[6] = false" :dense="true"
             v-model="nine[6].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(6)" text-color="black" :label="$t('reset') + $t('point') + '7'" />
         </div>
@@ -129,7 +129,7 @@
         <div class="col-6">
           <q-input filled type="number" @focus="isactivearray[7] = false" class="q-pb-xs" :dense="true"
             v-model="nine[7].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[7] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[7] = false" :dense="true"
             v-model="nine[7].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(7)" text-color="black" :label="$t('reset') + $t('point') + '8'" />
         </div>
@@ -141,7 +141,7 @@
         <div class="col-6">
           <q-input filled type="number" @focus="isactivearray[8] = false" class="q-pb-xs" :dense="true"
             v-model="nine[8].x" label="x" lazy-rules />
-          <q-input filled type="number" class="" @focus="isactivearray[8] = false" :dense="true"
+          <q-input filled type="number"  @focus="isactivearray[8] = false" :dense="true"
             v-model="nine[8].y" label="y" lazy-rules />
           <q-btn size="sm" dense color="white" @click="reset(8)" text-color="black" :label="$t('reset') + $t('point') + '9'" />
         </div>
@@ -152,9 +152,10 @@
 
 <style scoped>
 .point{
-  width: 100%;height: 100%;border-radius: 50%;background: #00ff00;color: aliceblue;
+  border-radius: 50%;background: #00ff00;color: aliceblue;
 }
 .action{
+  border-radius: 50%;
   background-color: aqua;
 }
 </style>
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index e4b5f13..ef22767 100644
--- a/src/i18n/en-US/index.ts
+++ b/src/i18n/en-US/index.ts
@@ -452,5 +452,6 @@ export default {
   "horizontal correction":"horizontal correction",
   "line width":"line width",
   "level":"level",
-  "vertical":"vertical"
+  "vertical":"vertical",
+  "auxiliary lines":"auxiliary lines"
 };
diff --git a/src/i18n/zh-CN/index.ts b/src/i18n/zh-CN/index.ts
index 6db32db..7b55ac1 100644
--- a/src/i18n/zh-CN/index.ts
+++ b/src/i18n/zh-CN/index.ts
@@ -721,5 +721,6 @@ export default {
   "horizontal correction":"水平校正",
   "line width":"线宽",
   "level":"水平",
-  "vertical":"垂直"
+  "vertical":"垂直",
+  "auxiliary lines":"辅助线"
 };