fix: 完善元素层级设置方法

wangrongding · Apr 8, 2024 · d4f3b8a · d4f3b8a
1 parent 23b7fc4
commit d4f3b8a
Showing 1 changed file with 19 additions and 7 deletions.
diff --git a/src/components/player/CanvasPlayer.vue b/src/components/player/CanvasPlayer.vue
@@ -215,14 +215,26 @@ function resizePlayer() {
 function setElementLayer(type: 'up' | 'down') {
   const activeObject = canvas.getActiveObject()
   if (!activeObject) return
-  if (type === 'up') {
-    // 上移一层
-    canvas.bringForward(activeObject)
-  } else {
-    // 下移一层
-    canvas.sendBackwards(activeObject)
+  switch (type) {
+    case 'up':
+      // 上移一层
+      canvas.bringForward(activeObject)
+      break
+    case 'down':
+      // 下移一层
+      canvas.sendBackwards(activeObject)
+      break
+    case 'top':
+      // 置于顶层
+      canvas.bringToFront(activeObject)
+      break
+    case 'bottom':
+      // 置于底层
+      canvas.sendToBack(activeObject)
+      break
+    default:
+      break
   }
-  canvas.discardActiveObject()
   menuShow.value = false
 }