javascript - JavaScript 文本识别和 OCR 开启

Question

我找到了一个可以识别手写数学方程式的网络应用程序：

http://webdemo.visionobjects.com/equation.html?locale=default

我想知道是否有人知道实现这种机制的应用程序或教程或开源项目，因为从这个 webapp 获取它真的很复杂。

注意：我只需要在画布中绘制的方程式在输入文本框中进行翻译即可。

Answer 1

Tesseract OCR已移植到 JavaScript。

Answer 2

Google Cloud Vision是一项非常准确的 OCR 服务，每月最多可免费处理 1000 个请求。通过它的REST API也很容易使用。在下面的代码片段中，困难的部分是从用户那里获取图像并将其编码为 Base64。

var GCVUrl = 'https://vision.googleapis.com/v1/images:annotate?key=XXX';
// Enable the Cloud Vision API and get a key - see
// https://cloud.google.com/vision/docs/quickstart
var input = document.querySelector('input[type=file]');
var fileReader = new FileReader();

input.onchange = function (event) {

  var file = event.target.files[0];

  fileReader.onload = function(fileLoadedEvent) {
    var GCVRequest = {
      requests: [{
        image: {
          content: fileLoadedEvent.target.result.split(',')[1]
          // must discard `data:image/png;base64,`
        },  
        features: [{type: 'TEXT_DETECTION'}]
      }]
    };

    $.ajax({
      type: 'POST',
      url: GCVUrl,
      dataType: 'json',
      contentType: 'application/json',
      data: JSON.stringify(GCVRequest),
      success: function (data) {
        var texts;
        if (texts = data.responses[0].textAnnotations) {
          alert(texts[0].description);
        } else {
          alert('No text was recognized');
        }
      },
      error: function(jqXhr, textStatus, error) {
        alert('XHR error: ' + jqXhr.responseJSON.error.message);
      }
    });

  };

  fileReader.readAsDataURL(file);

};

<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<input type="file" accept="image/*">

Answer 3

有几个著名的 OCR 库的 emscripten.js 端口，例如OCRAD.js和GOCR。