canvas-editor-engine 1.0.37 → 1.0.38

package/dist/services/crop.service.js

@@ -1,6 +1,7 @@
 "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() {
@@ -13,7 +14,11 @@ class CropService {
         const filter = new filter_1.Filter(ctx);
         const options = CropService.options;
         const imageData = filter.copy(options);
-        filter.update(imageData, 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.37",
+  "version": "1.0.38",
   "description": "CanvasEditorEngine library, use: [typescript] [canvas]",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",