Demo：增加拖动画布的快捷键介绍

web/src/assets/icon-font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2479351 */
-  src: url('iconfont.woff2?t=1739843331607') format('woff2'),
-       url('iconfont.woff?t=1739843331607') format('woff'),
-       url('iconfont.ttf?t=1739843331607') format('truetype');
+  src: url('iconfont.woff2?t=1745462322007') format('woff2'),
+       url('iconfont.woff?t=1745462322007') format('woff'),
+       url('iconfont.ttf?t=1745462322007') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,26 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.iconshubiaoyidong:before {
+  content: "\e659";
+}
+
+.iconvip:before {
+  content: "\e65e";
+}
+
+.iconlianjie:before {
+  content: "\e619";
+}
+
+.iconjibiji:before {
+  content: "\e618";
+}
+
+.iconhuiyuan-:before {
+  content: "\e615";
+}
+
 .iconAIshengcheng:before {
   content: "\e6b5";
 }

web/src/config/en.js

@@ -335,8 +335,13 @@ export const shortcutKeyList = [
       },
       {
         icon: 'iconquanping1',
-        name: 'fit canvas',
+        name: 'Fit canvas',
         value: `${ctrl} + i`
+      },
+      {
+        icon: 'iconshubiaoyidong',
+        name: 'Moving canvas',
+        value: `Left click / Right click / Space bar + Left click`
       }
     ]
   },

web/src/config/vi.js

@@ -341,6 +341,11 @@ export const shortcutKeyList = [
         icon: 'iconquanping1',
         name: 'Thích nghi với Canvas',
         value: `${ctrl} + i`
+      },
+      {
+        icon: 'iconshubiaoyidong',
+        name: 'Di chuyển Canvas',
+        value: `Trái / Phải / Phím cách + Trái`
       }
     ]
   },

web/src/config/zh.js

@@ -403,6 +403,11 @@ export const shortcutKeyList = [
         icon: 'iconquanping1',
         name: '适应画布',
         value: `${ctrl} + i`
+      },
+      {
+        icon: 'iconshubiaoyidong',
+        name: '移动画布',
+        value: `左键 / 右键 / 空格键 + 左键`
       }
     ]
   },
@@ -550,7 +555,7 @@ export const sidebarTriggerList = [
     name: '设置',
     value: 'setting',
     icon: 'iconshezhi'
-  },
+  }
   // {
   //   name: '快捷键',
   //   value: 'shortcutKey',
@@ -619,7 +624,7 @@ export const downTypeList = [
     type: 'json',
     icon: 'iconjson',
     desc: '流行的数据交换格式，可用于再次导入'
-  },
+  }
 ]
 
 // 编号类型列表

web/src/config/zhtw.js

@@ -337,6 +337,11 @@ export const shortcutKeyList = [
         icon: 'iconquanping1',
         name: '適應畫布',
         value: `${ctrl} + i`
+      },
+      {
+        icon: 'iconshubiaoyidong',
+        name: '移動畫布',
+        value: `左鍵 / 右鍵 / 空白鍵 + 左鍵`
       }
     ]
   },