canvas-editor-engine 1.0.36 → 1.0.38

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

@@ -1,11 +1,7 @@
+import { IImageOptions } from "../types/image";
 export default class CropService {
     static setup(): void;
-    static crop(): void;
+    static crop(ctx: CanvasRenderingContext2D): void;
     static viewCropButton(): void;
-    static get options(): {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
+    static get options(): IImageOptions;
 }

package/dist/services/crop.service.js

@@ -1,14 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const excretions_component_1 = require("../components/excretions.component");
+const config_1 = require("../config");
+const filter_1 = require("../utils/filter");
 class CropService {
     static setup() {
         excretions_component_1.default.additionStyle = 'crop';
     }
-    static crop() {
+    static crop(ctx) {
         if (!!excretions_component_1.default.excretionsCoords?.length === false)
             return;
         console.log(CropService.options);
+        const filter = new filter_1.Filter(ctx);
+        const options = CropService.options;
+        const imageData = filter.copy(options);
+        const putOptions = {
+            x: (config_1.default.CANVAS_SIZE.width / 2) - (options.width / 2),
+            y: (config_1.default.CANVAS_SIZE.height / 2) - (options.height / 2),
+        };
+        filter.update(imageData, putOptions);
     }
     static viewCropButton() {
         const cropButtons = excretions_component_1.default.excretionWrap.querySelectorAll('.crop-button');

package/dist/utils/filter.js

@@ -20,6 +20,7 @@ class Filter {
         return imgData;
     }
     update(imgData, options) {
+        this.ctx.clearRect(0, 0, config_1.default.CANVAS_SIZE.width, config_1.default.CANVAS_SIZE.height);
         this.ctx.putImageData(imgData, options.x, options.y);
     }
     getBuffCollection(imageData) {

package/package.json

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