同步印花平铺的位置信息

src/component/Canvas/CanvasEditor/commands/FillRepeatCommand.js

@@ -7,6 +7,7 @@ import {
 	insertObjectAtZIndex,
 	removeCanvasObjectByObject,
 	createPatternTransform,
+	imageAddGapToCanvas,
 } from "../utils/helper";
 import { restoreFabricObject } from "../utils/objectHelper";
 
@@ -308,16 +309,8 @@ export class FillRepeatGapChangeCommand extends Command {
 		await image.decode();
 		object.fill_.width = image.width;
 		object.fill_.height = image.height;
-		// 创建透明 Canvas
-		const tcanvas = document.createElement('canvas');
-		tcanvas.width = image.width + object.fill_.gapX;
-		tcanvas.height = image.height + object.fill_.gapY;
-		const ctx = tcanvas.getContext('2d');
-		ctx.clearRect(0, 0, tcanvas.width, tcanvas.height);
-		ctx.drawImage(image, 0, 0);
-
 		const fill = object.get("fill");
-		fill.source = tcanvas;
+		fill.source = imageAddGapToCanvas(image, object.fill_.gapX, object.fill_.gapY);
 		object.set("fill", new fabric.Pattern(fill));
 		this.canvas.renderAll();
 		return true;