diff --git a/nezha-fronted/package.json b/nezha-fronted/package.json
index ef0735deb..03720947f 100644
--- a/nezha-fronted/package.json
+++ b/nezha-fronted/package.json
@@ -16,7 +16,7 @@
     "@topology/activity-diagram": "^0.3.0",
     "@topology/chart-diagram": "^0.3.0",
     "@topology/class-diagram": "^0.3.0",
-    "@topology/core": "^0.3.2",
+    "@topology/core": "^0.4.17",
     "@topology/flow-diagram": "^0.3.0",
     "@topology/layout": "^0.3.0",
     "@topology/sequence-diagram": "^0.3.0",
diff --git a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
index 6713164f1..320c7c6d9 100644
--- a/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
+++ b/nezha-fronted/src/components/common/project/L5/CanvasProps.vue
@@ -680,7 +680,7 @@
             <label>{{$t('project.topology.bacImage')}}</label>
             <div class="full pr10 h32">
               <!--暂时是input 输入网址-->
-              <el-input class="input" size="small" v-model="topologyData.data.bkImage"></el-input>
+              <el-input class="input" size="small" v-model="topologyData.data.bkImage" @change="changeTopologyOpt"></el-input>
             </div>
           </div>
 
diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue
index 6ab4cc020..8daeb9321 100644
--- a/nezha-fronted/src/components/common/project/topologyL5.vue
+++ b/nezha-fronted/src/components/common/project/topologyL5.vue
@@ -679,6 +679,10 @@
     methods:{
       init(){
         canvasOptions.on=this.onMessage;
+        if(getTopology(this.topologyIndex)){
+          getTopology(this.topologyIndex).open({});
+          getTopology(this.topologyIndex).render()
+        }
         this.reload();
       },
 
@@ -797,6 +801,8 @@
            let canvas=new Topology('topology-canvas'+this.topologyIndexF,canvasOptions);
            canvas.open(data);
            setTopology(this.topologyIndex,canvas);
+         }else{
+           getTopology(this.topologyIndex).open(data);
          }
           this.topologyLoading=false;
           if(!getTopology(this.topologyIndex).data.name){
@@ -879,7 +885,9 @@
                   this.projectInfoShow=data.data.projectInfo;
                   this.projectAlertShow=data.data.alertInfo;
                 }
-
+                if(!data.bkImage){
+                  data.bkImage=undefined;
+                }
                 Promise.all(promiseArr).then(res=>{
                   res.forEach((response,index)=>{
                     let item=data.pens[index];
@@ -2059,6 +2067,9 @@
       zoomMap(num){
         getTopology(this.topologyIndex).scaleTo(getTopology(this.topologyIndex).data.scale+num);
       },
+      penToBottom(){
+        getTopology(this.topologyIndex).bottom()
+      },
     },
     destroyed(){
       getTopology(this.topologyIndex).destroy();