深度画布更改

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

@@ -89,14 +89,18 @@
 	const observer = ref(null)
 	onMounted(async () => {
 		keyEventManager.registerEvents()
+		const url = props.config.url || ''
+		const json = props.config.json || ''
 		await canvasManager.initCanvas({
 			canvasRef,
 			canvasViewWidth: canvasContainerRef.value.clientWidth,
 			canvasViewHeight: canvasContainerRef.value.clientHeight,
 			canvasWidth: props.config.width || 750,
 			canvasHeight: props.config.height || 600,
-			url: props.config.url || ''
+			url: json ? '' : url
 		})
+		if (!url && json) await canvasManager.loadJSON(json)
+
 		stateManager.onMounted()
 		canvasManager.onMounted()
 		layerManager.onMounted()
@@ -164,10 +168,13 @@
 		// 	a.download = 'canvas.png'
 		// 	a.click()
 		// })
-		const object = canvasManager.getCanvasDisUrlJSON()
-		console.log(object)
-		const canvas = canvasManager.processCanvasDisUrlJSON(object)
-		console.log(canvas)
+
+		console.log(canvasManager.getCanvasJSON())
+
+		// const object = canvasManager.getCanvasDisUrlJSON()
+		// console.log(object)
+		// const canvas = canvasManager.processCanvasDisUrlJSON(object)
+		// console.log(canvas)
 	}
 	// 导出到本地存储
 	const exportCanvasToLocalStorage = () => {