Compare commits

..

1 Commits

Author SHA1 Message Date
ColonelParrot
9749c97498
Update README.md 2025-02-01 21:12:20 -05:00
5 changed files with 2018 additions and 1479 deletions

3282
package-lock.json generated

File diff suppressed because it is too large Load Diff

View File

@ -1,6 +1,6 @@
{ {
"name": "jscanify", "name": "jscanify",
"version": "1.4.0", "version": "1.3.3",
"description": "Open-source Javascript mobile document scanner.", "description": "Open-source Javascript mobile document scanner.",
"main": "src/jscanify-node.js", "main": "src/jscanify-node.js",
"directories": { "directories": {
@ -25,8 +25,8 @@
}, },
"homepage": "https://colonelparrot.github.io/jscanify/", "homepage": "https://colonelparrot.github.io/jscanify/",
"dependencies": { "dependencies": {
"canvas": "^3.1.0", "canvas": "^2.11.2",
"jsdom": "^26.0.0", "jsdom": "^22.0.0",
"mocha": "^11.1.0" "mocha": "^10.2.0"
} }
} }

View File

@ -1,4 +1,4 @@
/*! jscanify v1.4.0 | (c) ColonelParrot and other contributors | MIT License */ /*! jscanify v1.3.3 | (c) ColonelParrot and other contributors | MIT License */
const { Canvas, createCanvas, Image, ImageData } = require("canvas"); const { Canvas, createCanvas, Image, ImageData } = require("canvas");
const { JSDOM } = require("jsdom"); const { JSDOM } = require("jsdom");
@ -153,9 +153,9 @@ class jscanify {
extractPaper(image, resultWidth, resultHeight, cornerPoints) { extractPaper(image, resultWidth, resultHeight, cornerPoints) {
const canvas = createCanvas(); const canvas = createCanvas();
const img = cv.imread(image); const img = cv.imread(image);
const maxContour = cornerPoints ? null : this.findPaperContour(img); const maxContour = this.findPaperContour(img);
if(maxContour == null && cornerPoints === undefined){ if(maxContour == null){
return null; return null;
} }

View File

@ -1,4 +1,4 @@
/*! jscanify v1.4.0 | (c) ColonelParrot and other contributors | MIT License */ /*! jscanify v1.3.3 | (c) ColonelParrot and other contributors | MIT License */
(function (global, factory) { (function (global, factory) {
typeof exports === "object" && typeof module !== "undefined" typeof exports === "object" && typeof module !== "undefined"
@ -144,9 +144,9 @@
extractPaper(image, resultWidth, resultHeight, cornerPoints) { extractPaper(image, resultWidth, resultHeight, cornerPoints) {
const canvas = document.createElement("canvas"); const canvas = document.createElement("canvas");
const img = cv.imread(image); const img = cv.imread(image);
const maxContour = cornerPoints ? null : this.findPaperContour(img); const maxContour = this.findPaperContour(img);
if(maxContour == null && cornerPoints === undefined){ if(maxContour == null){
return null; return null;
} }

View File

@ -16,125 +16,122 @@ const path = require("path");
const OUTPUT_FOLDER = __dirname.replaceAll("\\", "/") + "/output/"; const OUTPUT_FOLDER = __dirname.replaceAll("\\", "/") + "/output/";
const TEST_IMAGE_DIRECTORY = path.join( const TEST_IMAGE_DIRECTORY = path.join(
__dirname, __dirname,
"..", "..",
"docs", "docs",
"images", "images",
"test" "test"
); );
/** /**
* delete previously generated output images * delete previously generated output images
*/ */
function setup() { function setup() {
console.log("=== setting up tests ==="); console.log("=== setting up tests ===");
console.log("Deleting previously generated images"); console.log("Deleting previously generated images");
if (!existsSync(OUTPUT_FOLDER)) { if (!existsSync(OUTPUT_FOLDER)) {
mkdirSync(OUTPUT_FOLDER); mkdirSync(OUTPUT_FOLDER);
} }
readdirSync(OUTPUT_FOLDER).forEach((file) => { readdirSync(OUTPUT_FOLDER).forEach((file) => {
unlinkSync(path.join(OUTPUT_FOLDER, file)); unlinkSync(path.join(OUTPUT_FOLDER, file));
}) })
} }
let scanner; console.log("=== beginning tests ===");
let cv; console.log("loading OpenCV.js...");
before(function (done) { const scanner = new jscanify();
console.log("=== beginning tests ==="); scanner.loadOpenCV(function (cv) {
console.log("loading OpenCV.js...");
scanner = new jscanify(); console.log("Finished loading OpenCV.js");
scanner.loadOpenCV(function (loadedCv) { console.log("Writing test images to: " + OUTPUT_FOLDER);
cv = loadedCv;
console.log("Finished loading OpenCV.js"); /**
console.log("Writing test images to: " + OUTPUT_FOLDER); * tests an individual image
setup() */
done(); function test(testImage, imageCount) {
});
});
/**
* tests an individual image
*/
function test(testImage, imageCount) {
describe("image #" + imageCount, function () { describe("image #" + imageCount, function () {
it("should highlight paper", function () { it("should highlight paper", function (done) {
const highlighted = scanner.highlightPaper(testImage); const highlighted = scanner.highlightPaper(testImage);
const higlightedOutputPath = OUTPUT_FOLDER + "highlighted-" + imageCount + ".jpg"; const higlightedOutputPath = OUTPUT_FOLDER + "highlighted-" + imageCount + ".jpg";
writeFileSync( writeFileSync(
higlightedOutputPath, higlightedOutputPath,
highlighted.toBuffer("image/jpeg") highlighted.toBuffer("image/jpeg")
); );
assert.ok(existsSync(higlightedOutputPath)); assert.ok(existsSync(higlightedOutputPath));
done();
});
it("should extract paper", function (done) {
const extracted = scanner.extractPaper(testImage, 386, 500);
const extractedOutputPath = OUTPUT_FOLDER + "extracted-" + imageCount + ".jpg";
writeFileSync(
extractedOutputPath,
extracted.toBuffer("image/jpeg")
);
assert.ok(existsSync(extractedOutputPath));
done();
});
it("should label corner points", function (done) {
const parsedImage = cv.imread(testImage);
const paperContour = scanner.findPaperContour(parsedImage);
const {
topLeftCorner,
topRightCorner,
bottomLeftCorner,
bottomRightCorner,
} = scanner.getCornerPoints(paperContour, testImage);
const canvas = createCanvas();
cv.imshow(canvas, parsedImage);
const ctx = canvas.getContext("2d");
const points = [
{ p: topLeftCorner, text: "top left corner" },
{ p: topRightCorner, text: "top right corner" },
{ p: bottomLeftCorner, text: "bottom left corner" },
{ p: bottomRightCorner, text: "bottom right corner" },
];
ctx.fillStyle = "cyan";
ctx.font = "25px serif";
points.forEach(({ p: point, text }) => {
ctx.beginPath();
ctx.arc(point.x, point.y, 15, 0, 2 * Math.PI, false);
ctx.fillText(text, point.x + 30, point.y)
ctx.fill();
}); });
it("should extract paper", function () { const cornerPointsOutputPath = OUTPUT_FOLDER + "corner_points-" + imageCount + ".jpg";
const extracted = scanner.extractPaper(testImage, 386, 500); writeFileSync(cornerPointsOutputPath, canvas.toBuffer("image/jpeg"));
const extractedOutputPath = OUTPUT_FOLDER + "extracted-" + imageCount + ".jpg";
writeFileSync( assert.ok(existsSync(cornerPointsOutputPath));
extractedOutputPath, done();
extracted.toBuffer("image/jpeg") });
);
assert.ok(existsSync(extractedOutputPath));
});
it("should label corner points", function () {
const parsedImage = cv.imread(testImage);
const paperContour = scanner.findPaperContour(parsedImage);
const {
topLeftCorner,
topRightCorner,
bottomLeftCorner,
bottomRightCorner,
} = scanner.getCornerPoints(paperContour, testImage);
const canvas = createCanvas();
cv.imshow(canvas, parsedImage);
const ctx = canvas.getContext("2d");
const points = [
{ p: topLeftCorner, text: "top left corner" },
{ p: topRightCorner, text: "top right corner" },
{ p: bottomLeftCorner, text: "bottom left corner" },
{ p: bottomRightCorner, text: "bottom right corner" },
];
ctx.fillStyle = "cyan";
ctx.font = "25px serif";
points.forEach(({ p: point, text }) => {
ctx.beginPath();
ctx.arc(point.x, point.y, 15, 0, 2 * Math.PI, false);
ctx.fillText(text, point.x + 30, point.y)
ctx.fill();
});
const cornerPointsOutputPath = OUTPUT_FOLDER + "corner_points-" + imageCount + ".jpg";
writeFileSync(cornerPointsOutputPath, canvas.toBuffer("image/jpeg"));
assert.ok(existsSync(cornerPointsOutputPath));
});
}); });
} }
let imageCount = 1; setup();
/* let imageCount = 1;
* go through all images in test image directory
*/ /*
readdirSync(TEST_IMAGE_DIRECTORY).forEach((file) => { * go through all images in test image directory
*/
readdirSync(TEST_IMAGE_DIRECTORY).forEach((file) => {
const TEST_IMAGE_PATH = path.join(TEST_IMAGE_DIRECTORY, file); const TEST_IMAGE_PATH = path.join(TEST_IMAGE_DIRECTORY, file);
if (!file.endsWith("-sized.png")) { // these images are for the website, not testing if(!file.endsWith("-sized.png")){ // these images are for the website, not testing
let tempCount = imageCount++; let tempCount = imageCount++;
loadImage(TEST_IMAGE_PATH).then(function (image) { loadImage(TEST_IMAGE_PATH).then(function (image) {
test(image, tempCount); test(image, tempCount);
}); });
} }
}) })
});