更新导出图片

dromara · Dec 3, 2023 · d0a8ec3 · d0a8ec3
1 parent d9b3542
commit d0a8ec3
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/src/extension/object/CropImage.ts b/src/extension/object/CropImage.ts
@@ -4,8 +4,6 @@ import { croppingControlSet, flipXCropControls, flipXYCropControls, flipYCropCon
 import { Image, Point, Path, Object as FabricObject, config, util, classRegistry, TPointerEventInfo, TPointerEvent, ImageProps, TClassProperties, ImageSource } from 'fabric'
 
 
-
-
 export class CropImage extends Image {
   public isCropping?: false
   public cropKey?: ClipPathType

diff --git a/src/hooks/useHandleCreate.ts b/src/hooks/useHandleCreate.ts
@@ -5,15 +5,14 @@ import { RightStates, ElementNames } from '@/types/elements'
 import { nanoid } from 'nanoid'
 import { QRCodeElement, PolygonElement, QRCodeOption, CanvasElement } from '@/types/canvas'
 import { getImageSize } from '@/utils/image'
-import { classRegistry } from 'fabric'
 import JsBarcode from 'jsbarcode'
-import { Object as FabricObject, Textbox, Path } from "fabric"
+import { Object as FabricObject, Textbox, Path, classRegistry, Image } from "fabric"
+import { CropImage } from '@/extension/object/CropImage'
 import useCenter from '@/views/Canvas/useCenter'
 import useCanvas from '@/views/Canvas/useCanvas'
 import useCanvasZindex from './useCanvasZindex'
 
 
-
 export default () => {
 
   const mainStore = useMainStore()
@@ -163,7 +162,7 @@ export default () => {
       else if (height > currentTemplateHeight.value) {
         imageScale = currentTemplateHeight.value / height
       }
-      const CropImage = classRegistry.getClass('CropImage')
+      // const CropImage = classRegistry.getClass('CropImage') as CropImage
       const imageElement = await CropImage.fromURL(url, {
         id: nanoid(10),
         angle: 0,
@@ -178,7 +177,8 @@ export default () => {
         originY: 'center',
         borderColor: '#ff8d23',
         type: 'CropImage',
-        name: ElementNames.IMAGE
+        name: ElementNames.IMAGE,
+        crossOrigin: 'anonymous'
       })
       renderCanvas(imageElement)
     })