合并画布，部分样式调整

src/component/home/tools/deReconstruction/canvas/index.vue

@@ -4,6 +4,7 @@
 			<editCanvas v-if="canvasLoad" ref="editCanvas"
 			 :config="canvasConfig"
 			:clothingImageUrl="modelUrl" 
+			@changeCanvas="changeCanvas"
 			:clothing-image-opts="{
 				imageMode:'contains',
 			}"
@@ -29,17 +30,20 @@ export default defineComponent({
     components: {
 		editCanvas,
     },
-	emits:['setGenerateImg'],
+	emits:['setGenerateImg','setCanvasJSON'],
     setup(props,{emit}) {
 		const { t } = useI18n();
 		const store = useStore();
 		const isShowMark = ref(false)
 		const component = reactive({
 		})
+		const createProbject = inject('createProbject',()=>{})
 		const data = reactive({
 			canvasLoad:false,
 			canvasConfig:{},
 			modelUrl:'',
+			probjects:computed(()=>store.state.Workspace.probjects),
+			undoStack:0,
 		})
 		const dataDom = reactive({
 			editCanvas:null,
@@ -48,8 +52,10 @@ export default defineComponent({
 		const openSetData = ()=>{
 			// dataDom.canvasContent.openSetData()
 		}
-		const addImage = (value)=>{
-			console.log(value)
+		const addImage = async (value)=>{
+			if(!data?.probjects?.id){
+				await createProbject()
+			}
 			// dataDom.editCanvas.addImageToLayer(value.imgUrl)
 			dataDom.editCanvas.addImageToLayer(value.url)
 		}
@@ -57,11 +63,14 @@ export default defineComponent({
 			dataDom.editCanvas.changeFixedImage(value)
 		}
 		const getData = async ()=>{
-		
+			console.log(dataDom.editCanvas.getCanvasManager().commandManager)
+			// if(dataDom.editCanvas.getState())
+			dataDom.editCanvas.exportImage({isContainBg:false,isContainFixed:false}).then((rv)=>{
+				emit('setGenerateImg',rv)
+			})
 		}
-		const getCanvasData = ()=>{
-			
-			return canvasExport
+		const getCanvasJSON = ()=>{
+			return dataDom.editCanvas.getJSON()
 		}
 		const setCanvas = (url)=>{
 			return new Promise((res,rev)=>{
@@ -74,13 +83,22 @@ export default defineComponent({
 					wH = [1,domHeight/imgHeight]
 					data.canvasConfig.width = img.width * wH[1]
 					data.canvasConfig.height = domHeight
-					console.log(data.canvasConfig,123123123)
 					data.canvasLoad = true
 					res('')
 				}
 				img.src = url
 			})
 		}
+		let time = null
+		const changeCanvas = async (value)=>{
+			// if(!data?.probjects?.id){
+			// 	await createProbject()
+			// }
+			clearTimeout(time)
+			time = setTimeout(()=>{
+				emit('setCanvasJSON',getCanvasJSON())
+			},5000)
+		}
         onMounted(() => {
 			nextTick(()=>{
 				let url = new URL(defaultModel, import.meta.url).href
@@ -100,7 +118,8 @@ export default defineComponent({
 			openSetData,
 			addImage,
 			getData,
-			getCanvasData,
+			getCanvasJSON,
+			changeCanvas,
         };
     },
     data(prop) {