jscanify 是一个JavaScript 移动文档扫描校正插件

jscanify 是一个JavaScript 移动文档扫描校正插件，可以校正拍摄的纸质文档进行及校正输出端正的文档图片。

特性

• 纸张检测与高亮：能够检测图像或视频中的纸张，并将其进行高亮显示。
• 纸张扫描与失真校正：在扫描纸张时可以对纸张的失真进行校正，从而得到更准确的扫描结果。
• 眩光抑制（新特性）：可抑制纸张上的眩光，提高扫描质量。
• 多色纸张支持（新特性）：支持多种颜色的纸张。

用法

1. 引入与初始化

若使用 npm 安装，可在项目中引入：

npm i jscanify

import jscanify from 'jscanify';
const scanner = new jscanify();

cdn

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/opencv.js"></script>
<!-- warning: loading OpenCV can take some time. Load asynchronously -->
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jscanify.min.js"></script>

2. 高亮用户相机中的纸张

<img src="/path/to/your/image.png" id="image" />

const scanner = new jscanify();

const paperWidth = 400;
const paperHeight = 400;
image.onload = function () {
const highlightedCanvas = scanner.highlightPaper(image);
document.body.appendChild(highlightedCanvas);
const resultCanvas = scanner.extractPaper(image, paperWidth, paperHeight);
document.body.appendChild(resultCanvas);
};

3. 导出为 PDF

若要将扫描的纸张导出为 PDF,幕，需要用到jspdf

<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/jspdf.js"></script>
<script>
  var imgData = canvas.toDataURL("image/jpeg", 1.0);
  var pdf = new jsPDF();

  pdf.addImage(imgData, 'JPEG', 0, 0);
  pdf.save("download.pdf");
</script>