From 0c995054a2ce5992eb8bee2269a18be5e2466e9c Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Thu, 15 Jan 2026 17:26:56 +0800
Subject: [PATCH 1/2] fix

---
 src/component/Detail/detailLeft/colorBox/index.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/component/Detail/detailLeft/colorBox/index.vue b/src/component/Detail/detailLeft/colorBox/index.vue
index 6581ce7b..667d4b1c 100644
--- a/src/component/Detail/detailLeft/colorBox/index.vue
+++ b/src/component/Detail/detailLeft/colorBox/index.vue
@@ -100,7 +100,6 @@ export default defineComponent({
 			tcxToColor:'',
 		})
 		watch(()=>colorData.selectColor,async (newVal,oldVal)=>{
-			console.log(newVal)
 		    if(newVal.rgba && newVal.rgba?.r){
 				let data:any = await getColorName(newVal.rgba)
 				newVal.name = data.name
@@ -138,13 +137,12 @@ export default defineComponent({
 				item = colorData.allBoardData.colorBoards[index]
 				let color = colorData.allBoardData.colorBoards?.[index]
 				if(!color?.rgba && color?.rgbValue)color.rgba = color.rgbValue
-
 				if(
 					colorData.allBoardData.colorBoards?.[index] &&
 					colorData.selectDetail.color.rgba?.r == color?.rgba?.r &&
 					colorData.selectDetail.color.rgba?.g == color?.rgba?.g &&
-					colorData.selectDetail.color.rgba?.b == color?.rgba?.b &&
-					JSON.stringify(colorData.selectDetail.color.gradient) == JSON.stringify(color?.gradient)
+					colorData.selectDetail.color.rgba?.b == color?.rgba?.b ||
+					(JSON.stringify(colorData.selectDetail.color.gradient) == JSON.stringify(color?.gradient) && JSON.stringify(colorData.selectDetail.color.gradient))
 					&& colorData.selectDetail.color.rgba?.r
 				){
 					isNoSelect = true

From 882740592c2e91295c82734a666cba406a90ddb0 Mon Sep 17 00:00:00 2001
From: X1627315083 <1627315083@qq.com>
Date: Thu, 15 Jan 2026 17:34:54 +0800
Subject: [PATCH 2/2] fix

---
 src/component/Detail/canvas/index.vue | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/src/component/Detail/canvas/index.vue b/src/component/Detail/canvas/index.vue
index 582cc949..e12f7884 100644
--- a/src/component/Detail/canvas/index.vue
+++ b/src/component/Detail/canvas/index.vue
@@ -13,6 +13,8 @@
 							:clothingImageUrl="selectDetail.path"
 							:clothingImageUrl2="selectDetail.layersObject[0].maskUrl"
 							showFixedLayer
+							:width="sketchWidth"
+							:height="sketchHeight"
 							:canvasJSON="canvasJSON"
 							@canvasLoadJsonSuccess="canvasLoadJsonSuccess"
 							:clothing-image-opts="{
@@ -119,6 +121,8 @@ export default defineComponent({
 				printObject: store.state.DesignDetail.selectDetail.printObject,
 				trims: store.state.DesignDetail.selectDetail.trims,
 			})),
+			sketchWidth:0,
+			sketchHeight:0,
 		})
 		watch(()=>detailData.selectDetail,(newValue,oldValue)=>{
 			detailData.imgDomIndex = detailData.frontBack.front.findIndex((item:any)=>item.id == newValue.id)
@@ -342,6 +346,18 @@ export default defineComponent({
 		const submitBase64Data = ()=>{
 			return detailDom.generalMiniCanvas.submitBase64Data()
 		}
+		const sketchSize:any = async ()=>{
+			let img = new Image();
+			img.src = detailData.selectDetail.path;	
+			await new Promise((resolve, reject) => {
+				img.onload = () => {
+					detailData.sketchWidth = img.width
+					detailData.sketchHeight = img.height
+					resolve([img.width, img.height]);
+				}
+				img.onerror = reject;
+			});
+		}
 		onBeforeUnmount(()=>{
 			let front = detailData.frontBack.front[detailData.imgDomIndex]
 			let back = detailData.frontBack.back[detailData.imgDomIndex]
@@ -382,6 +398,7 @@ export default defineComponent({
 						});
 					})
 				}
+				await sketchSize()
 				setCanvas(detailData.selectDetail.path).then(()=>{
 					detailData.canvasLoad = true
 				})