123

src/components/Canvas/DepthCanvas/depth-canvas.vue

@@ -5,7 +5,7 @@
 		</div>
 		<layer-panel />
 		<details-panel />
-		<header-tools />
+		<header-tools @export="exportCanvas" />
 		<zoom
 			:zoom="canvasManager.currentZoom.value / 100"
 			:step="0.1"
@@ -27,6 +27,7 @@
 
 	// 管理器
 	import { StateManager } from './manager/StateManager'
+	import { LayerManager } from './manager/LayerManager'
 	import { EventManager } from './manager/EventManager'
 	import { CanvasManager } from './manager/CanvasManager'
 	import { ToolManager } from './manager/ToolManager'
@@ -50,6 +51,11 @@
 	stateManager.setManager({ canvasManager, canvasRef })
 	provide('canvasManager', canvasManager)
 
+	// 图层管理器
+	const layerManager = new LayerManager({ stateManager, canvasManager })
+	stateManager.setManager({ layerManager })
+	provide('layerManager', layerManager)
+
 	// 事件管理器
 	const eventManager = new EventManager({ stateManager })
 	stateManager.setManager({ eventManager })
@@ -90,6 +96,9 @@
 		})
 		canvasManager.resetZoom()
 	}
+	const exportCanvas = () => {
+		console.log(canvasManager.getBitObjects())
+	}
 </script>
 <style lang="less">
 	@import '@vue-flow/core/dist/style.css';