html+js 识别图片上面文字并生成二维码

一、识别图片，提取文字，这里用到了OCR 的Tesseract.js

Tesseract.js是流行的Tesseract OCR引擎的纯Javascript端口,这个库支持100多种语言,自动文本定位和脚本检测,一个简单的界面,用于阅读段落、单词和字符边界框,Tesseract.js既可以在浏览器中运行,也可以在带有NodeJS的服务器上运行

Tesseract简介

Tesseract 的最新版本第 4 版于 2018 年 10 月发布，它包含一个新的 OCR 引擎，该引擎使用基于长短期记忆(LSTM) 的神经网络系统，旨在产生更准确的结果。

Tesseract.js 一个几乎能识别出图片中所有语言的JS库。

官网：http://tesseract.projectnaptha.com/

git：https://github.com/naptha/tesseract.js

实现文字识别的流程：

步骤详解：

第一步设置开发环境：

在项目中使用 OCR 功能，常见的 JavaScript库有 Tesseract.js 

 QRCode.js 是制作 QRCode 的 JavaScript 库。 QRCode.js 支持跨浏览器使用 HTML5 Canvas 和 DOM 中的 Table 标签

第六步： 加载二维码：

 

生成二维码

第七步： 实现二维码功能：

function changes(){
		var txt=document.getElementById('result').textContent;
		var qr=new QRCode(document.getElementById("qrcode"), {
		    text: txt,
		    width: 100,
		    height: 100,
			colorDark: '#000000', // 二维码深色部分的颜色
			colorLight: '#ffffff', // 二维码浅色部分的颜色
		});
	}

new QRCode(document.getElementById("qrcode"), "数据"); // 设置要生成二维码的链接

或者使用一些可选参数设置：

var qrcode = new QRCode("test", { text: "数据", width: 128, height: 128, colorDark : "#000000", colorLight : "#ffffff", correctLevel : QRCode.CorrectLevel.H });

 整体代码如下：

    
    
    
	
	


    
    
    提取文字
    

	生成二维码
	

	
	
	
    
	
	

注意：app.js 上完已经讲到，请注意，我本地使用tesseract.js，是因为我把它下载到本地了，如果没有下载，可以

 

 

希望能帮到大家！