From 4270c233615fc0a5241c2096d85c724f320c9c45 Mon Sep 17 00:00:00 2001
From: wuchenguang1998 <63847336+wuchenguang1998@users.noreply.github.com>
Date: Fri, 5 Jul 2024 22:29:33 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=86=8D=E6=AC=A1=E6=81=A2=E5=A4=8Dpatc?=
 =?UTF-8?q?h397=20(#463)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/core/plugin/PolygonModifyPlugin.ts | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/core/plugin/PolygonModifyPlugin.ts b/packages/core/plugin/PolygonModifyPlugin.ts
index b49bb1a3..05b6f946 100644
--- a/packages/core/plugin/PolygonModifyPlugin.ts
+++ b/packages/core/plugin/PolygonModifyPlugin.ts
@@ -90,21 +90,24 @@ function renderIconEdge(
   left: number,
   top: number,
   styleOverride: any,
-  fabricObject: fabric.Object
+  fabricObject: fabric.Object,
+  img: HTMLImageElement
 ) {
-  const img = document.createElement('img');
-  img.src = edgeImg;
   drawImg(ctx, left, top, img, 25, 25, fabric.util.degreesToRadians(fabricObject.angle || 0));
 }
 
 class PolygonModifyPlugin implements IPluginTempl {
   public isEdit: boolean;
+  private img: HTMLImageElement;
   static pluginName = 'PolygonModifyPlugin';
   static events = [];
   static apis = ['toggleEdit', 'activeEdit', 'inActiveEdit'];
 
   constructor(public canvas: fabric.Canvas, public editor: IEditor) {
     this.isEdit = false;
+    const img = document.createElement('img');
+    img.src = edgeImg;
+    this.img = img;
     this.init();
   }
   init() {
@@ -124,6 +127,7 @@ class PolygonModifyPlugin implements IPluginTempl {
       this._ensureEvent(poly);
       if (poly.points == null) return;
       const lastControl = poly.points.length - 1;
+      const This = this;
       poly.controls = poly.points.reduce<Record<string, PointIndexControl>>(function (
         acc,
         point,
@@ -133,7 +137,7 @@ class PolygonModifyPlugin implements IPluginTempl {
           positionHandler: polygonPositionHandler,
           actionHandler: anchorWrapper(index > 0 ? index - 1 : lastControl, actionHandler),
           actionName: 'modifyPolygon',
-          render: (...args) => renderIconEdge(...args),
+          render: (...args) => renderIconEdge(...args, This.img),
         });
         Object.defineProperty(acc['p' + index], 'pointIndex', { value: index });
         return acc;