refactor: modify perspectiveWarp and transform function

Author: EscapedGibbon

src/geometry/__tests__/getPerspectiveWarp.test.ts

@@ -13,7 +13,8 @@ describe('warping tests', () => {
       { column: 1, row: 2 },
       { column: 0, row: 2 },
     ];
-    const result = getPerspectiveWarp(image, points);
+    const matrix = getPerspectiveWarp(points);
+    const result = image.transform(matrix, { inverse: true });
     expect(result.width).not.toBeLessThan(2);
     expect(result.height).not.toBeLessThan(2);
     expect(result.width).not.toBeGreaterThan(3);
@@ -33,18 +34,21 @@ describe('warping tests', () => {
       { column: 2, row: 1 },
       { column: 0, row: 1 },
     ];
-    const result = getPerspectiveWarp(image, points);
+    const matrix = getPerspectiveWarp(points);
+    const result = image.transform(matrix, { inverse: true });
     expect(result.width).not.toBeLessThan(3);
     expect(result.height).not.toBeLessThan(1);
     expect(result.width).not.toBeGreaterThan(4);
-    expect(result.height).not.toBeGreaterThan(2);
+    expect(result.height).not.toBeGreaterThan(4);
   });
+});
 
-  test('openCV comparison', () => {
+describe('openCV comparison', () => {
+  test('nearest interpolation plants', () => {
     const image = testUtils.load('various/plants.png');
 
     const openCvResult = testUtils.load(
-      'opencv/test_perspective_warp_plants.png',
+      'opencv/test_perspective_warp_plants_nearest.png',
     );
 
     const points = [
@@ -53,21 +57,100 @@ describe('warping tests', () => {
       { column: 911.5, row: 786 },
       { column: 154.5, row: 611 },
     ];
-    const result = getPerspectiveWarp(image, points, {
+    const matrix = getPerspectiveWarp(points, {
       width: 1080,
       height: 810,
     });
+    const result = image.transform(matrix, {
+      inverse: true,
+      interpolationType: 'nearest',
+    });
     const croppedPieceOpenCv = openCvResult.crop({
       origin: { column: 45, row: 0 },
-      width: 400,
-      height: 400,
+      width: 100,
+      height: 100,
     });
 
     const croppedPiece = result.crop({
       origin: { column: 45, row: 0 },
-      width: 400,
+      width: 100,
+      height: 100,
+    });
+
+    expect(result.width).toEqual(openCvResult.width);
+    expect(result.height).toEqual(openCvResult.height);
+    expect(croppedPiece).toEqual(croppedPieceOpenCv);
+  });
+  test('nearest interpolation card', () => {
+    const image = testUtils.load('various/card.png');
+
+    const openCvResult = testUtils.load(
+      'opencv/test_perspective_warp_card_nearest.png',
+    );
+    const points = [
+      { column: 55, row: 140 },
+      { column: 680, row: 38 },
+      { column: 840, row: 340 },
+      { column: 145, row: 460 },
+    ];
+    const matrix = getPerspectiveWarp(points, {
+      width: 700,
+      height: 400,
+    });
+    const result = image.transform(matrix, {
+      inverse: true,
+      interpolationType: 'nearest',
+      width: 700,
       height: 400,
     });
+    const croppedPieceOpenCv = openCvResult.crop({
+      origin: { column: 45, row: 0 },
+      width: 5,
+      height: 5,
+    });
+
+    const croppedPiece = result.crop({
+      origin: { column: 45, row: 0 },
+      width: 5,
+      height: 5,
+    });
+
+    expect(result.width).toEqual(openCvResult.width);
+    expect(result.height).toEqual(openCvResult.height);
+    expect(croppedPiece).toEqual(croppedPieceOpenCv);
+  });
+  test('nearest interpolation plants', () => {
+    const image = testUtils.load('various/plants.png');
+
+    const openCvResult = testUtils.load(
+      'opencv/test_perspective_warp_plants_linear.png',
+    );
+
+    const points = [
+      { column: 166.5, row: 195 },
+      { column: 858.5, row: 9 },
+      { column: 911.5, row: 786 },
+      { column: 154.5, row: 611 },
+    ];
+    const matrix = getPerspectiveWarp(points, {
+      width: 1080,
+      height: 810,
+    });
+    const result = image.transform(matrix, {
+      inverse: true,
+      interpolationType: 'nearest',
+    });
+    const croppedPieceOpenCv = openCvResult.crop({
+      origin: { column: 45, row: 0 },
+      width: 5,
+      height: 5,
+    });
+
+    const croppedPiece = result.crop({
+      origin: { column: 45, row: 0 },
+      width: 5,
+      height: 5,
+    });
 
     expect(result.width).toEqual(openCvResult.width);
     expect(result.height).toEqual(openCvResult.height);