canvas-editor-engine 1.0.41 → 1.0.43

package/dist/services/crop.service.js

@@ -20,12 +20,12 @@ class CropService {
             y: (config_1.default.CANVAS_SIZE.height / 2) - (options.height / 2),
         };
         filter.update(imageData, putOptions);
+        store_1.default.store.imageState.tempImageData = imageData;
         store_1.default.store.imageState.position = putOptions;
         store_1.default.store.imageState.size = {
             width: options.width,
             height: options.height,
         };
-        console.log('AppStore.store', store_1.default.store);
     }
     static viewCropButton() {
         const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');

package/dist/services/draw.service.d.ts

@@ -1,7 +1,9 @@
 import type { IDrawImageArgs, IFilterOptions, IImageOptions } from "../types/image";
 export default class DrawService {
+    static scImage: SCImage;
     static drawImage(ctx: CanvasRenderingContext2D, src: string, options: IDrawImageArgs): void;
-    static drawSmoothImage(ctx: CanvasRenderingContext2D, src: string, options: IDrawImageArgs, filterOptions: IFilterOptions): void;
+    static drawSmoothImage(useStore: boolean, options: IDrawImageArgs, filterOptions: IFilterOptions): void;
+    private static getFilterArgs;
 }
 export declare class SCImage {
     private img;

package/dist/services/draw.service.js

@@ -3,25 +3,43 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SCImage = void 0;
 const config_1 = require("../config");
 const filters_1 = require("../filters");
+const store_1 = require("../store/store");
 class DrawService {
+    static scImage;
     static drawImage(ctx, src, options) {
-        const img = new SCImage(src, ctx);
-        img.draw(options);
+        DrawService.scImage = new SCImage(src, ctx);
+        DrawService.scImage.draw(options);
     }
-    static drawSmoothImage(ctx, src, options, filterOptions) {
-        const img = new SCImage(src, ctx);
-        const filterArgs = {
-            x: options.position.x,
-            y: options.position.y,
-        };
-        if (options.size !== 'initial') {
-            if (!!options.size?.width && !!options.size?.height) {
-                filterArgs.width = options.size.width;
-                filterArgs.height = options.size.height;
+    static drawSmoothImage(useStore, options, filterOptions) {
+        const filterArgs = DrawService.getFilterArgs(useStore, options);
+        this.scImage.draw(options).then(() => this.scImage.vague(filterArgs, filterOptions));
+    }
+    static getFilterArgs(useStore, options) {
+        let filterArgs;
+        const store = store_1.default.store.imageState;
+        if (useStore) {
+            filterArgs = {
+                x: store.position.x,
+                y: store.position.y,
+            };
+            if (!!store.size.width && !!store.size.height) {
+                filterArgs.width = store.size.width;
+                filterArgs.height = store.size.height;
+            }
+        }
+        else {
+            filterArgs = {
+                x: options.position.x,
+                y: options.position.y,
+            };
+            if (options.size !== 'initial') {
+                if (!!options.size?.width && !!options.size?.height) {
+                    filterArgs.width = options.size.width;
+                    filterArgs.height = options.size.height;
+                }
             }
         }
-        console.log('filterArgs', filterArgs);
-        img.draw(options).then(() => img.vague(filterArgs, filterOptions));
+        return filterArgs;
     }
 }
 exports.default = DrawService;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "canvas-editor-engine",
-  "version": "1.0.41",
+  "version": "1.0.43",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",