fix(style): add worker

src/components/icon-font/index.tsx

@@ -2,7 +2,7 @@ import { createFromIconfontCN } from '@ant-design/icons';
 // import './iconfont/iconfont.js';
 
 const IconFont = createFromIconfontCN({
-  scriptUrl: '//at.alicdn.com/t/c/font_4613488_f316s64919m.js'
+  scriptUrl: '//at.alicdn.com/t/c/font_4613488_hlvsvytu57b.js'
 });
 
 export default IconFont;

src/components/image-editor/hooks/use-drawing.ts

@@ -1,5 +1,5 @@
 import _ from 'lodash';
-import { useCallback, useMemo, useRef } from 'react';
+import React, { useCallback, useMemo, useRef } from 'react';
 
 type Point = { x: number; y: number; lineWidth: number };
 type Stroke = Point[];
@@ -130,6 +130,7 @@ export default function useDrawing(props: {
   const getTransformedPoint = useCallback(
     (offsetX: number, offsetY: number) => {
       const { current: scale } = autoScale;
+      console.log('lineWidth:----------', lineWidth, autoScale.current);
 
       const { x: translateX, y: translateY } = translatePos.current;
 
@@ -146,6 +147,7 @@ export default function useDrawing(props: {
 
   const getTransformLineWidth = useCallback(
     (w = 1) => {
+      console.log('lineWidth:', lineWidth, autoScale.current);
       const width = w || lineWidth;
       return width / autoScale.current;
     },

src/components/image-editor/index.tsx

@@ -196,6 +196,7 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = forwardRef(
     const onReset = useCallback(() => {
       clearOverlayCanvas();
       setStrokes([]);
+      setMaskStrokes([]);
       saveImage();
       currentStroke.current = [];
       console.log('Resetting strokes', currentStroke.current);
@@ -513,9 +514,9 @@ const CanvasImageEditor: React.FC<CanvasImageEditorProps> = forwardRef(
           <ToolsBar
             handleBrushSizeChange={handleBrushSizeChange}
             undo={undo}
-            onReset={onReset}
-            uploadButton={uploadButton}
+            onClear={onReset}
             handleFitView={handleFitView}
+            uploadButton={uploadButton}
             disabled={disabled}
             lineWidth={lineWidth}
             loading={loading}

src/components/image-editor/tools-bar.tsx

@@ -19,7 +19,7 @@ interface ToolsBarProps {
   uploadButton: React.ReactNode;
   handleBrushSizeChange: (value: number) => void;
   undo: () => void;
-  onReset: () => void;
+  onClear: () => void;
   handleFitView: () => void;
 }
 
@@ -30,7 +30,7 @@ const ToolsBar: React.FC<ToolsBarProps> = (props) => {
     lineWidth,
     handleBrushSizeChange,
     undo,
-    onReset,
+    onClear,
     uploadButton,
     handleFitView
   } = props;
@@ -83,7 +83,7 @@ const ToolsBar: React.FC<ToolsBarProps> = (props) => {
         </Button>
       </Tooltip>
       <Tooltip title={intl.formatMessage({ id: 'common.button.clear' })}>
-        <Button onClick={onReset} size="middle" type="text" disabled={disabled}>
+        <Button onClick={onClear} size="middle" type="text" disabled={disabled}>
           <ClearOutlined className="font-size-14" />
         </Button>
       </Tooltip>