Распознавание текста JavaScript и OCR на <canvas>

Question

Я нашел веб-приложение, которое распознает рукописные математические уравнения:

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

Я хотел бы знать, знает ли кто-нибудь приложение, учебное пособие или проект с открытым исходным кодом, который реализует этот механизм, потому что получить его из этого веб-приложения действительно сложно.

Примечание: мне просто нужно перевести уравнение, нарисованное на холсте, в текстовое поле ввода, и все.

Answer 1

Тессеракт OCR был портирован на JavaScript.

Answer 2

Google Cloud Vision - это очень точная служба распознавания текста, и она бесплатна для 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

Существует несколько портов emscripten.js известных библиотек OCR, таких как OCRAD.js и GOCR.