From 29704f9b36133d6e3a8188a3a9341bb6b5a489d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Wed, 7 Jan 2026 10:27:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E5=AF=BC=E5=87=BAgap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../CanvasEditor/managers/CanvasManager.js    |  2 ++
 src/component/Canvas/canvasExample.vue        |  6 ++++
 src/component/Canvas/pingpu.vue               | 34 +++++++++++++++++++
 3 files changed, 42 insertions(+)
 create mode 100644 src/component/Canvas/pingpu.vue

diff --git a/src/component/Canvas/CanvasEditor/managers/CanvasManager.js b/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
index 936fc4a3..965d3a41 100644
--- a/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
+++ b/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
@@ -1066,6 +1066,7 @@ export class CanvasManager {
 			angle: v.angle,
 			name: v.sourceData.name,
 			priority: v.sourceData.priority,
+			gap: [0, 0],
 		}
 		if(obj.ifSingle){
 			let left = (v.left - (flLeft - flWidth * flScaleX / 2));
@@ -1092,6 +1093,7 @@ export class CanvasManager {
 			obj.scale = [scaleXY, scaleXY];
 			obj.angle = angle;
 			obj.location = [left, top];
+			obj.gap = [fill_.gapX, fill_.gapY];
 		}
 		if(obj.level2Type === "Pattern"){
 			prints.push(obj);
diff --git a/src/component/Canvas/canvasExample.vue b/src/component/Canvas/canvasExample.vue
index 772e1ce0..5e048df0 100644
--- a/src/component/Canvas/canvasExample.vue
+++ b/src/component/Canvas/canvasExample.vue
@@ -329,6 +329,12 @@ const otherData = {
 
 <template>
   <div class="app-container-example">
+	<div id="test" style="position: fixed; 
+	width: 500px; height: 500px;
+	top: 0;
+	left: 0;
+	z-index: 9999999;"><pingpu
+	url="/src/assets/images/canvas/yinhua1.jpg" /></div>
     <!-- 模拟左侧导航栏 -->
     <!-- <div
       class="app-wrapper-btns"
diff --git a/src/component/Canvas/pingpu.vue b/src/component/Canvas/pingpu.vue
new file mode 100644
index 00000000..d2f6f04b
--- /dev/null
+++ b/src/component/Canvas/pingpu.vue
@@ -0,0 +1,34 @@
+<template>
+	<div class="pingpu" ref="el"><canvas ref="canvasRef"></canvas></div>
+</template>
+
+<script setup>
+	import {
+		defineComponent,
+		ref,
+		reactive,
+		nextTick,
+		toRefs,
+		inject,
+		watch,
+		computed,
+	} from "vue";
+	const props = defineProps({
+		url: { type: String, required: true },
+		positionX: { type: Number, default: 0 },// px
+		positionY: { type: Number, default: 0 },// px
+		angle: { type: Number, default: 0 },// 角度
+		size: { type: Number, default: 100 },// %
+		gapX: { type: Number, default: 0 },// px
+		gapY: { type: Number, default: 0 },// px
+	});
+	console.log("==========", props);
+</script>
+
+<style lang='less' scoped>
+	.pingpu {
+		width: 100%;
+		height: 100%;
+		background-color: #f00;
+	}
+</style>
\ No newline at end of file