canvas-editor-engine 1.1.10 → 1.1.12

package/dist/utils/filter.d.ts

@@ -7,7 +7,7 @@ export declare class Filter {
     setImageSize(size: IImageSize): void;
     copy(options: IImageOptions): ImageData;
     update(imgData: ImageData, options: IImageOptions): void;
-    clearEmptyPixels(imageData: ImageData): void;
+    clearEmptyPixels(imageData: ImageData): ImageData;
     getSizeOfSparseMatrix(RGBAMatrix: TBuff<number[]>, tempSize: ISize): ISize;
     getBuffCollection(imageData: ImageData): {
         rowRGBABuff: TRGBABuff;

package/dist/utils/filter.js

@@ -18,7 +18,7 @@ class Filter {
         const height = (options?.height) ? options.height : config_1.default.CANVAS_SIZE.height;
         const imgData = this.ctx.getImageData(options.x, options.y, width, height);
         const clearedImageData = this.clearEmptyPixels(imgData);
-        return imgData;
+        return clearedImageData;
     }
     update(imgData, options) {
         this.ctx.clearRect(0, 0, config_1.default.CANVAS_SIZE.width, config_1.default.CANVAS_SIZE.height);
@@ -32,19 +32,17 @@ class Filter {
             height: imageData.height,
         };
         const tempSize = this.getSizeOfSparseMatrix(RGBAMatrix, beforeSize);
-        console.log('beforeSize', beforeSize);
-        console.log('tempSize', tempSize);
-        // const cleared = rowRGBABuff.filter((byteArray) => {
-        //   const alpha = byteArray[E_RGBA.a];
-        //   return !!alpha;
-        // });
-        // const clearedBuff = cleared.flat();
-        // const tempCanvas = document.createElement('canvas');
-        // const tempCtx = tempCanvas.getContext('2d');
-        // const tempImageData = tempCtx.createImageData(tempSize.width, tempSize.height);
-        // clearedBuff.forEach((_, i) => tempImageData.data[i] = clearedBuff[i]);
-        // console.log('cleared', cleared);
-        // return tempImageData;
+        const cleared = rowRGBABuff.filter((byteArray) => {
+            const alpha = byteArray[3 /* E_RGBA.a */];
+            return !!alpha;
+        });
+        const clearedBuff = cleared.flat();
+        const tempCanvas = document.createElement('canvas');
+        const tempCtx = tempCanvas.getContext('2d');
+        const tempImageData = tempCtx.createImageData(tempSize.width, tempSize.height);
+        clearedBuff.forEach((_, i) => tempImageData.data[i] = clearedBuff[i]);
+        console.log('cleared', cleared);
+        return tempImageData;
     }
     getSizeOfSparseMatrix(RGBAMatrix, tempSize) {
         // case 1: Xcanvas -> Ximage && case 3: Ycanvas -> Yimage

package/package.json

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